- Introduction
- Controls
- Prerequisite
- How to use CircularUI
- Sample and Test application using CircularUI
- Tip and Tech
The Tizen Wearable CircularUI project is a set of helpful extensions of the Xamarin Forms framework.
The aim of the Tizen Wearable CircularUI project is an open source software to motivate and help software developer to create Tizen Wearable app(Xamarin.Forms app) more easily and efficiently.
The binaries are available via NuGet (package name Tizen.Wearable.CircularUI)
Xamarin Forms provides cross-platform APIs, but this project are only worked on the Samsung Gear device that support Tizen .NET.
The Tizen Wearable CircularUI project provides you the following UI controls:
- Check : A subclass of Xamarin.Forms.Switch control supports Tizen specific style.
- CircleDateTimeSelector : A control to select date or time fits in the circular screen.
- CircleListView : A subclass of Xamarin.Forms.ListView control fits in the circular screen and has the circular scrollbar.
- CirclePage : A subclass of Xamarin.Forms.Page that can show Circular ProgressBar and Circular Slider and the button on the bottom of the screen. it can also show MenuItems on the circular menu.(MoreOption)
- CircleProgressBarSurfaceItem : A control fits in the circular screen. it can be shown in CirclePage only.
- CircleSliderSurfaceItem : A Slider control that responds to the bezel action and fits in the circular screen.
- CircleScrollView : A subclass of Xamarin.Forms.ScrollView that can be scrolled by the bezel action.
- CircleStackLayout : A container to layout children linear in the circular area.
- CircleStepper : A control to select a number of steps fits in the circular screen.
- CircleSurfaceEffectBehavior : The CircleSurfaceEffectBehavior is an effect which allows you to insert views that require CircleSurface.
- ContextPopupEffectBehavior : the behavior to show a small popup has one or two button sticky with any control.
- IndexPage : A subclass of multiple pages that can slide child page horizontal and has dots on top of the screen for the number of child pages.
- InformationPopup : A popup has a control to show progress and one button on the bottom side of the circular screen.
- IRotationReceiver : A event receiver for using the bezel action.
- Radio : A radio control.
- GoogleMapView : A GoogleMapView is used to display google javascript map.
- MediaView : A MediaView is used to display a video on the screen.
- PopupEntry : The PopupEntry is a class that extends Xamarin.Forms.Entry. It makes a new layer when editing text on the entry.
- Toast : A popup for simple feedback.
- TwoButtonPopup : A popup has two buttons on the left and right side of the circular screen.
- TwoButtonPage : A subclass of Xamarin.Forms.Page has two buttons on the left and right side of the circular screen.
- Visual Studio 2017
- Visual Studio Tools for Tizen
- Installing Tizen Wearable emulator image (WEARABLE-4.0-Emulator or WEARABLE-5.0-Emulator)
-
The API Reference is available on the web to browse.
-
The API Guide is available on the web to browse.
| Screenshot | Description | |
|---|---|---|
| WearableUIGallery | |
This application was created to check the basic behavior of CircularUI API. It contains all the controls of the CircularUI API, and the functions of each control consist of one TC or several TCs depending on the characteristics of the control. - Install guide : sdb install org.tizen.example.WearableUIGallery.Tizen.Wearable-1.0.0.tpk Source |
| SimpleTextWatchface |  |
This application was created to check the default behavior of the Watchface API. - Install guide : sdb install org.tizen.example.SimpleTextWatchface-1.0.0.tpk - Test guide : 1) Touch and hold on Watchface of Main page 2) Move to left on watchface list and select SimpleTextWatchface icon 3) You can see `SimpleTextWatchface` on Watchface of Main page Source |
| XUIComponents |  |
This application is similar to the UIComponents application using the native API. The functions of each control consist of several test cases depending on the characteristics of the control. - Install guide : sdb install org.tizen.example.UIComponents.Tizen.Wearable-1.0.0.tpk Source |
- Localization : This guide describes how to support multiple languages.