diff --git a/img/gallery/android/activityIndicatorPage.png b/img/gallery/android/activityIndicatorPage.png new file mode 100644 index 000000000..dc914a83a Binary files /dev/null and b/img/gallery/android/activityIndicatorPage.png differ diff --git a/img/gallery/android/buttonPage.png b/img/gallery/android/buttonPage.png new file mode 100644 index 000000000..56bf00b1e Binary files /dev/null and b/img/gallery/android/buttonPage.png differ diff --git a/img/gallery/android/canvasPanelPage.png b/img/gallery/android/canvasPanelPage.png new file mode 100644 index 000000000..1e31b871c Binary files /dev/null and b/img/gallery/android/canvasPanelPage.png differ diff --git a/img/gallery/android/dialogsPage_confirm.png b/img/gallery/android/dialogsPage_confirm.png new file mode 100644 index 000000000..6147e17fe Binary files /dev/null and b/img/gallery/android/dialogsPage_confirm.png differ diff --git a/img/gallery/android/gridPanelPage.png b/img/gallery/android/gridPanelPage.png new file mode 100644 index 000000000..3d400e05d Binary files /dev/null and b/img/gallery/android/gridPanelPage.png differ diff --git a/img/gallery/android/homePage.png b/img/gallery/android/homePage.png new file mode 100644 index 000000000..de5173140 Binary files /dev/null and b/img/gallery/android/homePage.png differ diff --git a/img/gallery/android/imagePage.png b/img/gallery/android/imagePage.png new file mode 100644 index 000000000..26cdb1b4f Binary files /dev/null and b/img/gallery/android/imagePage.png differ diff --git a/img/gallery/android/labelPage.png b/img/gallery/android/labelPage.png new file mode 100644 index 000000000..fa875d430 Binary files /dev/null and b/img/gallery/android/labelPage.png differ diff --git a/img/gallery/android/listViewPage.png b/img/gallery/android/listViewPage.png new file mode 100644 index 000000000..8dd626499 Binary files /dev/null and b/img/gallery/android/listViewPage.png differ diff --git a/img/gallery/android/progressPage.png b/img/gallery/android/progressPage.png new file mode 100644 index 000000000..c74f70a15 Binary files /dev/null and b/img/gallery/android/progressPage.png differ diff --git a/img/gallery/android/scrollViewPage.png b/img/gallery/android/scrollViewPage.png new file mode 100644 index 000000000..63360ba7b Binary files /dev/null and b/img/gallery/android/scrollViewPage.png differ diff --git a/img/gallery/android/searchBarPage.png b/img/gallery/android/searchBarPage.png new file mode 100644 index 000000000..45f7987ed Binary files /dev/null and b/img/gallery/android/searchBarPage.png differ diff --git a/img/gallery/android/sliderPage.png b/img/gallery/android/sliderPage.png new file mode 100644 index 000000000..06b3ff400 Binary files /dev/null and b/img/gallery/android/sliderPage.png differ diff --git a/img/gallery/android/stackPanelPage.png b/img/gallery/android/stackPanelPage.png new file mode 100644 index 000000000..b4be330a6 Binary files /dev/null and b/img/gallery/android/stackPanelPage.png differ diff --git a/img/gallery/android/switchPage.png b/img/gallery/android/switchPage.png new file mode 100644 index 000000000..c975ce478 Binary files /dev/null and b/img/gallery/android/switchPage.png differ diff --git a/img/gallery/android/tabViewPage.png b/img/gallery/android/tabViewPage.png new file mode 100644 index 000000000..d20760ca1 Binary files /dev/null and b/img/gallery/android/tabViewPage.png differ diff --git a/img/gallery/android/textFieldPage.png b/img/gallery/android/textFieldPage.png new file mode 100644 index 000000000..1e2632271 Binary files /dev/null and b/img/gallery/android/textFieldPage.png differ diff --git a/img/gallery/android/textViewPage.png b/img/gallery/android/textViewPage.png new file mode 100644 index 000000000..de432bef2 Binary files /dev/null and b/img/gallery/android/textViewPage.png differ diff --git a/img/gallery/android/webViewPage.png b/img/gallery/android/webViewPage.png new file mode 100644 index 000000000..4066fc16b Binary files /dev/null and b/img/gallery/android/webViewPage.png differ diff --git a/img/gallery/android/wrapPanelPage.png b/img/gallery/android/wrapPanelPage.png new file mode 100644 index 000000000..2bf6fa596 Binary files /dev/null and b/img/gallery/android/wrapPanelPage.png differ diff --git a/img/gallery/ios/activityIndicatorPage.png b/img/gallery/ios/activityIndicatorPage.png new file mode 100644 index 000000000..a98d59772 Binary files /dev/null and b/img/gallery/ios/activityIndicatorPage.png differ diff --git a/img/gallery/ios/buttonPage.png b/img/gallery/ios/buttonPage.png new file mode 100644 index 000000000..6a97eab46 Binary files /dev/null and b/img/gallery/ios/buttonPage.png differ diff --git a/img/gallery/ios/canvasPanelPage.png b/img/gallery/ios/canvasPanelPage.png new file mode 100644 index 000000000..3ddb46034 Binary files /dev/null and b/img/gallery/ios/canvasPanelPage.png differ diff --git a/img/gallery/ios/dialogsPage_confirm.png b/img/gallery/ios/dialogsPage_confirm.png new file mode 100644 index 000000000..cdb1d6e64 Binary files /dev/null and b/img/gallery/ios/dialogsPage_confirm.png differ diff --git a/img/gallery/ios/gridPanelPage.png b/img/gallery/ios/gridPanelPage.png new file mode 100644 index 000000000..24c6dfec9 Binary files /dev/null and b/img/gallery/ios/gridPanelPage.png differ diff --git a/img/gallery/ios/homePage.png b/img/gallery/ios/homePage.png new file mode 100644 index 000000000..1c04bc38b Binary files /dev/null and b/img/gallery/ios/homePage.png differ diff --git a/img/gallery/ios/imagePage.png b/img/gallery/ios/imagePage.png new file mode 100644 index 000000000..7e09e03b1 Binary files /dev/null and b/img/gallery/ios/imagePage.png differ diff --git a/img/gallery/ios/labelPage.png b/img/gallery/ios/labelPage.png new file mode 100644 index 000000000..cbcb8a18e Binary files /dev/null and b/img/gallery/ios/labelPage.png differ diff --git a/img/gallery/ios/listViewPage.png b/img/gallery/ios/listViewPage.png new file mode 100644 index 000000000..b147d0e21 Binary files /dev/null and b/img/gallery/ios/listViewPage.png differ diff --git a/img/gallery/ios/progressPage.png b/img/gallery/ios/progressPage.png new file mode 100644 index 000000000..428899618 Binary files /dev/null and b/img/gallery/ios/progressPage.png differ diff --git a/img/gallery/ios/scrollViewPage.png b/img/gallery/ios/scrollViewPage.png new file mode 100644 index 000000000..75eae1343 Binary files /dev/null and b/img/gallery/ios/scrollViewPage.png differ diff --git a/img/gallery/ios/searchBarPage.png b/img/gallery/ios/searchBarPage.png new file mode 100644 index 000000000..dc26aab1f Binary files /dev/null and b/img/gallery/ios/searchBarPage.png differ diff --git a/img/gallery/ios/sliderPage.png b/img/gallery/ios/sliderPage.png new file mode 100644 index 000000000..874ec7fac Binary files /dev/null and b/img/gallery/ios/sliderPage.png differ diff --git a/img/gallery/ios/stackPanelPage.png b/img/gallery/ios/stackPanelPage.png new file mode 100644 index 000000000..f07e2f542 Binary files /dev/null and b/img/gallery/ios/stackPanelPage.png differ diff --git a/img/gallery/ios/switchPage.png b/img/gallery/ios/switchPage.png new file mode 100644 index 000000000..fa946cd24 Binary files /dev/null and b/img/gallery/ios/switchPage.png differ diff --git a/img/gallery/ios/tabViewPage.png b/img/gallery/ios/tabViewPage.png new file mode 100644 index 000000000..83582a87f Binary files /dev/null and b/img/gallery/ios/tabViewPage.png differ diff --git a/img/gallery/ios/textFieldPage.png b/img/gallery/ios/textFieldPage.png new file mode 100644 index 000000000..6c03547cd Binary files /dev/null and b/img/gallery/ios/textFieldPage.png differ diff --git a/img/gallery/ios/textViewPage.png b/img/gallery/ios/textViewPage.png new file mode 100644 index 000000000..a0effb0c6 Binary files /dev/null and b/img/gallery/ios/textViewPage.png differ diff --git a/img/gallery/ios/webViewPage.png b/img/gallery/ios/webViewPage.png new file mode 100644 index 000000000..731472cb3 Binary files /dev/null and b/img/gallery/ios/webViewPage.png differ diff --git a/img/gallery/ios/wrapPanelPage.png b/img/gallery/ios/wrapPanelPage.png new file mode 100644 index 000000000..a513a5a19 Binary files /dev/null and b/img/gallery/ios/wrapPanelPage.png differ diff --git a/ui-views.md b/ui-views.md index d77dadcdc..a485cb94f 100644 --- a/ui-views.md +++ b/ui-views.md @@ -36,6 +36,8 @@ Accessing the native widgets can be useful when you want to use some platform sp ##Button A standard Button widget that reacts to a 'tap' event. +![button android](.\img\gallery\android\buttonPage.png "button android")![button ios](.\img\gallery\ios\buttonPage.png "button ios") + Native component: | Android | iOS | @@ -45,6 +47,8 @@ Native component: ##Label A text label used for displaying read-only text. +![label android](.\img\gallery\android\labelPage.png "label android")![label ios](.\img\gallery\ios\labelPage.png "label ios") + Native component: | Android | iOS | @@ -54,6 +58,8 @@ Native component: ##TextField An editable **single-line** text field. +![text-field android](.\img\gallery\android\textFieldPage.png "text-field android")![text-field ios](.\img\gallery\ios\textFieldPage.png "text-field ios") + Native component: | Android | iOS | @@ -63,6 +69,8 @@ Native component: ##TextView An editable **multi-line** text view. It is typically used multi-lines text content and also supports text editing. +![text-view android](.\img\gallery\android\textViewPage.png "text-view android")![text-view ios](.\img\gallery\ios\textViewPage.png "text-view ios") + Native component: | Android | iOS | @@ -72,6 +80,8 @@ Native component: ##SearchBar A view that provides a user interface for the user to enter a search query and submit a request to a search provider. +![search-bar android](.\img\gallery\android\searchBarPage.png "search-bar android")![search-bar ios](.\img\gallery\ios\searchBarPage.png "search-bar ios") + Native component: | Android | iOS | @@ -81,6 +91,8 @@ Native component: ##Switch The Switch view is a two-state toggle switch widget that can select between two options. +![switch android](.\img\gallery\android\switchPage.png "switch android")![switch ios](.\img\gallery\ios\switchPage.png "switch ios") + Native component: | Android | iOS | @@ -90,6 +102,8 @@ Native component: ##Slider Represents as slider component the can be used to pick a numeric value between a configurable range. +![slider android](.\img\gallery\android\sliderPage.png "slider android")![slider ios](.\img\gallery\ios\sliderPage.png "slider ios") + Native component: | Android | iOS | @@ -99,6 +113,8 @@ Native component: ##Progress A visual indicator of a progress in some operation. Displays a bar representing how far the operation has progressed and the amount of progress can be changed by the application logic. +![progress android](.\img\gallery\android\progressPage.png "progress android")![progress ios](.\img\gallery\ios\progressPage.png "progress ios") + Native component: | Android | iOS | @@ -108,6 +124,8 @@ Native component: ##ActivityIndicator A visual indicator(a.k.a. spinner) showing that a task is in progress. +![activity-indicator android](.\img\gallery\android\activityIndicatorPage.png "activity-indicator android")![activity-indicator ios](.\img\gallery\ios\activityIndicatorPage.png "activity-indicator ios") + Native component: | Android | iOS | @@ -117,6 +135,8 @@ Native component: ##Image A view used for displaying an image. The image can be loaded either form [ImageSource]() or form url. +![image android](.\img\gallery\android\imagePage.png "image android")![image ios](.\img\gallery\ios\imagePage.png "image ios") + Native component: | Android | iOS | @@ -126,6 +146,8 @@ Native component: ##ListView A view that shows items in a vertically scrolling list. An itemTemplate can be set on the ListView to specify how each item in the list should be displayed. +![list-view android](.\img\gallery\android\listViewPage.png "list-view android")![list-view ios](.\img\gallery\ios\listViewPage.png "list-view ios") + Native component: | Android | iOS | @@ -135,6 +157,8 @@ Native component: ##WebView A View that displays web pages. It supports loading pages from URL and navigating back and forward. +![web-view android](.\img\gallery\android\webViewPage.png "web-view android")![web-view ios](.\img\gallery\ios\webViewPage.png "web-view ios") + Native component: | Android | iOS | @@ -144,6 +168,8 @@ Native component: ##TabView The TabView control is used for implementing tab navigation. +![tab-view android](.\img\gallery\android\tabViewPage.png "tab-view android")![tab-view ios](.\img\gallery\ios\tabViewPage.png "tab-view ios") + Native component: | Android | iOS | @@ -153,4 +179,5 @@ Native component: ##Dialogs The dialogs module contains function for displaying dialog windows. +![dialog-confirm android](.\img\gallery\android\dialogsPage_confirm.png "dialog-confirm android")![dialog-confirm ios](.\img\gallery\ios\dialogsPage_confirm.png "dialog-confirm ios")