Languages

Menu
Sites
Language
Circular Components

Hi, I just started with developing my first circular web app. First of all, the UI really looks beautiful. But it seems that there are more and better native ui components available, for example:

 - the date & time picker is available for web apps too, but they look way more pre-alpha than the nativ ones

 - in the style guide there are several ui components noted, such as the "anchored view - dial type": I cannot find anything like that in the sdk, do we have to build stuff like that at our own?

 - is there really no color picker available? I haven't even seen a mock or something like that

 

Samples: 

https://developer.tizen.org/design/wearable/ux-overview/navigation-views-on-circular-type-wearable-device

https://developer.tizen.org/design/wearable/ui-components

 

So, am I just missing something, do we have to wait for Tizen 2.4 or do we have to build those components at our own?!?

View Selected Answer

Responses

10 Replies
daniel kim

Hi,

Regarding anchored view - dial type, I'm sure that this is the exactly same. but I would suggest you to refer to  selector.

        help page of ide > API References > Web Application > Tizen Web UI Framework Reference > Wearable Web > UI Component Reference > Selector

You can see it in Controls --> Selector of below sample code.

       sample --> wearable-2.3.1-->ui --> UIConponents.

Regards

daniel kim

sorry for my mistypo.

  I'm not sure that this is the exactly same

daniel kim

Regarding color picker, I would suggest you to refer to below chapter of help page in ide.

        Tutorials > Web Application > W3C/HTML5/Supplementary Features > Device > Touch Events version 1 > Task: Touch Paint

There is an touchpaint sample in sdk.

       Sample > wearable 2.3.1 > Advanced > TouchPaint

Regards

Philippe Wechsler

Hi

I don't think we're talking about the same. By "anchored view - dial type" I mean the one noted here: https://developer.tizen.org/design/wearable/ux-overview/navigation-views-on-circular-type-wearable-device

Can this be achieved by using the selector?

 

And jep, there is an color picker in the sample you mentionend, but I don't think this one is meant for an real app. But with the "dial type" controll I could easily build one.

Philippe Wechsler

Have a look at the native controll "spinner" - I thinkt thats what I am looking for, does something similar exist for web?

https://developer.tizen.org/development/guides/native-application/ui-framework/ui-components/wearable-native/circle-spinner

Vikram

Hi,

I also can not found the similar with native control "spinner" in web. I just found the Tizen 2.4 preview for mobile in 

https://developer.tizen.org/development/preview and not found the Tizen 2.4 release for wearable.

AVSukhov

Hello,

See 2.4b preview, it has added some new widgets. I hope over time will be added all the necessary. but if there is a need right now, it will have to implement yourself.
 

Philippe Wechsler

The 2.4 preview is available only for mobile, not for wearable. Any ideas when 2.4 will be released for wearables? 

Seoghyun Kang

Hello,

 

As you know, Tizen 2.3.1 has the wearable profile.

 

The wearable profile will also be included in the Tizen 2.4 SDK.

(Now the Tizen 2.4 beta SDK is the Mobile Pre-release vesion.)

 

Please refer it. Thanks.

 

Mark as answer
Philippe Wechsler

ok, so I interpret this as

  • the components for wearables are pretty limited for now
  • the web components are event more crippled than the native ones
  • more and better components MIGHT be available with the 2.4 SDK
  • there is no timeline available for the release of the 2.4 SDK, not even for the preview for wearables

 

I'am sorry, but I have to say that I am a litte disappointed - this is not really attracting new developers for the platform, and thats exaclty what's needed to make Tizen a winning game. Also I feel like the current Sdk is more a beta, most things are not exactly bad but mostly everything is at least some steps behind other Sdk's like the one from Apple, Goolge and even Microsoft:-/