Telerik UI for Xamarin Samples

Telerik UI for Xamarin is a library of native and customizable UI controls for building stunning cross-platform mobile applications for the most popular mobile platforms including iOS.

This application shows scenarios developers can achieve using Telerik UI for Xamarin. Browse the examples to get the first-hand experience with the suite. A Source code preview is available for every example.

Telerik UI for Xamarin key components:

Predefined Theme, Design-Time Support, Localization and Globalization

ImageEditor

A control that enables you to easily visualize and edit images in different file formats in your mobile application.

Map

A data visualization control whose primary purpose is to visualize rich spatial data. The control provides visualization of ESRI shapefiles that consist of geometric objects, such as lines, polylines and polygons.

PdfViewer

It enables you to easily load and display PDF documents natively in your application. It comes with full integration with the RadPdfViewerToolbar.

Popup

RadPopup lets you display content of your choice on top of the existing view. The component provides a flexible API to easily control its behavior.

DockLayout

A mechanism for child elements to be docked to the left, right, top or bottom edge or to occupy the center area of the layout.

Calendar & Scheduling

The Calendar is a highly customizable calendar component that offers:

•Day, Week, Month, WorkWeek, MultiDay and Year views.

•Recurring appointments and built-in dialogs

•Selection

•Flexible Styling API.

Accordion & Expander

Those components help you save screen space and at the same time present the content to the end user in an easily accessible way.

AutoCompleteView

The control has different filtering options, tokens support, and remote search, as well as full customization capabilities.

Conversational UI

This Chat component allows you to create modern chat experiences in your apps, regardless of the chatbot framework you choose.

Barcode

Barcode is a control used for creating and showing barcodes.

TreeView

It facilitates management of hierarchical data structures. It comes with commands mechanism, data binding, checkbox support and Load on Demand support.

DataGrid

The control provides operations like sorting, filtering, grouping, and editing over the underlying data.

Numeric Input

NumericInput is a highly customizable input control for numeric data.

Button

The button UI allows you to add rotation, shapes, transparency, text, and backgrounds and images for a custom look and feel.

SlideView

The SlideView allows users to present content in separate pages and switch between them by swiping.

MaskedInput

Using the MaskInput in your app, you can now ensure correct input is provided by the end users with the support for predefined tokens such as digits, chars, letters, alphanumeric input etc or regex of your choice.

Linear and Radial Gauges

The gauge indicates and gives a visual display of amount, level, or contents of something.

ListView

It provides the most frequently used functionalities. It comes with:

•Different layout modes.

•UI virtualization.

•Pull-to-refresh.

•Selection.

•Commands

•Cells swipe.

•Grouping.

•Styling API.

Chart

A versatile charting component that offers full customization, great performance and an intuitive object model.

•12+ Chart Types

Rating

It allows users to intuitively rate by selecting a number of items [stars] from a predefined number of items.

BusyIndicator

It allows you to display a notification whenever a longer-running process is being handled by the application.

SegmentedControl

This component allows you to display a list of horizontally aligned, mutually exclusive options, which can be selected by the user.

SideDrawer

This steps on the popular navigation pattern where you can access all your application screens from a single sliding menu.

TabView

The component is a flexible navigation control that allows you to build tabbed interfaces.

Xamarin များအတွက် Telerik UI ကိုကို iOS အပါအဝင်လူကြိုက်အများဆုံးမိုဘိုင်းပလက်ဖောင်းရင်သပ်ရှုမောဖွယ် Cross-platform မိုဘိုင်း application များတည်ဆောက်ခြင်းတို့အတွက်ဇာတိနှင့်စိတ်ကြိုက် UI ကိုထိန်းချုပ်မှုတစ်ခုစာကြည့်တိုက်ဖြစ်ပါတယ်။

ဤလျှောက်လွှာကိုကး developer များ Xamarin များအတွက် Telerik UI ကို အသုံးပြု. အောင်မြင်ရန်နိုင်ပါတယ်ပြသထားတယ်။ အဆိုပါ suite ကိုနှင့်အတူပထမဦးဆုံးလက်အတွေ့အကြုံကိုရရန်ဥပမာ Browse ။ တစ်ဦးကအရင်းအမြစ်ကုဒ်ကို preview ကိုတိုင်းဥပမာရရှိနိုင်ပါသည်။

Xamarin သော့ချက်အစိတ်အပိုင်းများအဘို့အ Telerik UI ကို:

predefined Theme, ဒီဇိုင်းအချိန်ပံ့ပိုးမှု, ဒေသခံနှင့်ဂလိုဘယ်လိုက်ဇေးရှင်း

ImageEditor

သင်အလွယ်တကူသင့်မိုဘိုင်း application ကိုအတွက်ကွဲပြားခြားနားသောဖိုင် Format အတွက်ပုံရိပ်တွေမြင်ယောင်နှင့်တည်းဖြတ်ရန်ဖွကြောင်းတစ်ဦးကထိန်းချုပ်။

မြေပုံ

အဘယ်သူ၏အဓိကရည်ရွယ်ချက်ကြွယ်ဝသော Spatial data တွေကိုမြင်ယောင်ရန်ဖြစ်ပါသည်တစ်ဦးက data တွေကို visualization ထိန်းချုပ်မှု။ ထိန်းချုပ်မှုထိုကဲ့သို့သောလိုင်းများ, polylines နှင့်အနားအဖြစ်ဂျီဩမေတြီတ္ထုများထားရှိရေးကြောင်း ESRI shapefiles ၏ visualization ပေးပါသည်။

PdfViewer

ဒါဟာအလွယ်တကူသင့်လျှောက်လွှာထဲမှာပြုလုပ်ရန် PDF documents တွေ load နှင့်ပြသရန်သင့်အားနိုင်ပါတယ်။ ဒါဟာ RadPdfViewerToolbar နှင့်အတူအပြည့်အဝပေါင်းစည်းမှုနှင့်အတူကြွလာ။

ပေါ်လာသည်

RadPopup သင်လက်ရှိအမြင်ထိပ်ပေါ်တွင်သင်၏ရွေးချယ်မှုအကြောင်းအရာဖော်ပြရန်ပေးနိုင်ပါတယ်။ အဆိုပါအစိတ်အပိုင်းကိုအလွယ်တကူက၎င်း၏အပြုအမူကိုထိန်းချုပ်နေတဲ့ပြောင်းလွယ်ပြင်လွယ် API ကိုပေးပါသည်။

DockLayout

အဆိုပါအပြင်အဆင်၏ဗဟိုဧရိယာသိမ်းပိုက်ဖို့တစ်ဦးကညာဘက်ဘယ်ဘက်ကိုဆိုက်ကပ်ခံရဖို့ကလေးသည်ဒြပ်စင်အဘို့အယန္တရား, ထိပ်တန်းသို့မဟုတ်အောက်ခြေအစွန်းသို့မဟုတ်။

ပြက္ခဒိန် & စီစဉ်ခြင်း

ပြက္ခဒိန်ကမ်းလှမ်းတဲ့အလွန်အမင်းစိတ်ကြိုက်ပြက္ခဒိန်အစိတ်အပိုင်းဖြစ်ပါသည်:

•နေ့အပတ်, လ, Workweek, MultiDay နှင့်တစ်နှစ်တာအမြင်များ။

•ထပ်နေသည့်ပွဲများချိန်းနှင့် built-in စကားကွက်

•ရွေးချယ်ရေး

• Flexible Styling API ကို။

အကော်ဒီယန် & တိုးချဲ့

သူများသည်အစိတ်အပိုင်းများကိုသငျသညျမျက်နှာပြင်အာကာသကယ်တင်နှင့်တစ်ချိန်တည်းမှာတစ်ခုအလွယ်တကူလမ်းအတွက်အဆုံးအသုံးပြုသူမှအကြောင်းအရာတင်ပြကိုကူညီပေးပါတယ်။

AutoCompleteView

ထိန်းချုပ်မှုကွဲပြားခြားနားသော filtering ကိုရှေးခယျြစရာ, တိုကင်ထောက်ခံမှုများနှင့်ဝေးလံခေါင်သီရှာဖွေရေးအဖြစ်အပြည့်အဝစိတ်ကြိုက်စွမ်းရည်ရှိပါတယ်။

စကားပြောဆိုမှု UI ကို

ဒါဟာ Chat ကိုအစိတ်အပိုင်းသင်မသက်ဆိုင်သင်ရွေးချယ် chatbot မူဘောင်၏, သင့် apps များအတွက်ခေတ်သစ်ချက်တင်အတွေ့အကြုံများကိုဖန်တီးရန်ခွင့်ပြုပါတယ်။

ဘားကုဒ်

ဘားကုဒ်ဘားကုဒ်များဖန်တီးခြင်းနှင့်ဖေါ်ပြခြင်းအတွက်အသုံးပြုတဲ့ထိန်းချုပ်မှုဖြစ်ပါတယ်။

TreeView

ဒါဟာ hierarchical ဒေတာအဆောက်အဦများ၏စီမံခန့်ခွဲမှုနိုင်အောင်စီစဉ်ပေးထားတယ်။ ဒါဟာ Demand ကိုထောက်ခံမှုအပေါ်ပညတ်တော်တို့ကိုယန္တရား, binding ဒေတာ, checkbox ကိုထောက်ခံကြောင်းနဲ့ Load နှင့်တကွကြွလာ။

DataGrid

ထိန်းချုပ်မှုအခြေခံ data ကိုကျော် sorting စီစစ်, အုပ်စုဖွဲ့ခြင်းနှင့်တည်းဖြတ်ခြင်းများကဲ့သို့စစ်ဆင်ရေးပေးပါသည်။

numeric Input

NumericInput ဂဏန်းဒေတာအတွက်အလွန်စိတ်ကြိုက် input ကိုထိန်းချုပ်မှုဖြစ်ပါတယ်။

ကြယ်သီး

ခလုတ်ကို UI ကိုသင်တစ်ဦးထုံးစံကြည့်နှင့်ခံစားမှုအတွက်လည်ပတ်, ပုံစံမျိုးစုံ, လင်းမြင်သာမှု, စာသားနှင့်နောက်ခံနဲ့ပုံရိပ်တွေကိုထည့်သွင်းဖို့ခွင့်ပြုပါတယ်။

SlideView

အဆိုပါ SlideView အသုံးပြုသူများသည်သီးခြားစာမျက်နှာများတွင်အကြောင်းအရာတင်ပြခြင်းနှင့်ပွတ်ဆွဲခြင်းအားဖြင့်၎င်းတို့အကြားအကူးအပြောင်းလုပ်ဖို့ခွင့်ပြုပါတယ်။

MaskedInput

သင့်ရဲ့ app ထဲတွင် MaskInput အသုံးပြုခြင်း, သငျသညျယခုမှန်ကန်သော input ကိုထိုကဲ့သို့သောသင့်ရဲ့ရွေးချယ်မှုဂဏန်း, char, စာလုံး, အက္ခရာနံပါတ်ပါတဲ့ input ကိုစသည်တို့ကိုသို့မဟုတ် regex အဖြစ်ကြိုတင်သတ်မှတ်ထားတိုကင်များအတွက်ထောက်ခံမှုနှင့်အတူအဆုံးအသုံးပြုသူများအနေဖြင့်ထောက်ပံ့ပေးလျက်ရှိသည်သေချာနိုင်ပါတယ်။

linear နှင့် radial gauge

အဆိုပါ gauge ညွှန်ပြခြင်းနှင့်ပမာဏ, အဆင့်အထိ, ဒါမှမဟုတ်တစ်ခုခုများ contents တွေကိုတစ်အမြင်အာရုံ display ကိုပေးသည်။

ListView

ဒါဟာအများဆုံးမကြာခဏအသုံးပြုကြသည်လုပ်ဆောင်ချက်တွေကိုပေးပါသည်။ ဒါဟာနှင့်တကွကြွလာ:

•အမျိုးမျိုး layout ကို Modes သာ။

• UI ကို virtualization ။

• Pull-to-ရဲ့ Refresh ။

•ရွေးချယ်ရေး။

• Commands

•ဆဲလ်ပွတ်ဆွဲပါ။

•အုပ်စု။

• Styling API ကို။

ဇယား

အပြည့်အဝစိတ်ကြိုက်ကြီးစွာသောစွမ်းဆောင်မှုနှင့်တစ်ခုအလိုလိုသိအရာဝတ္ထုမော်ဒယ်ကမ်းလှမ်းသောစွယ်စုံဇယားအစိတ်အပိုင်း။

• 12 + ဇယားအမျိုးအစားများ

rating

ဒါဟာအသုံးပြုသူများသည်အလိုလိုပစ္စည်းများကိုတစ်ကြိုတင်သတ်မှတ်ထားအရေအတွက်ကိုထံမှပစ္စည်းများ [ကြယ်ပွ] ၏နံပါတ်ရွေးချယ်ခြင်းဖြင့်ဘယ်လောက်ရှိသလဲခွင့်ပြုပါတယ်။

BusyIndicator

ဒါဟာရှည်-ပြေးဖြစ်စဉ်ကိုလျှောက်လွှာများကကိုင်တွယ်လျက်ရှိသည်အခါတိုင်းသင်တစ်ဦးသတိပေးချက်ဖော်ပြရန်ခွင့်ပြုပါတယ်။

SegmentedControl

ဤအစိတ်အပိုင်းကိုသင်အသုံးပြုသူကိုရွေးချယ်နိုင်သည့်အလျားလိုက် aligned, နှစ်ဦးနှစ်ဖက်သီးသန့် options တွေကိုစာရင်းတစ်ခုပြသခွင့်ပြုပါတယ်။

SideDrawer

ဒါဟာသင်တစ်ခုတည်းလျှော menu ကနေအားလုံးသင့်လျှောက်လွှာဖန်သားပြင်ကိုဝင်ရောက်နိုင်ပါတယ်ရှိရာပေါ်ပြူလာအညွှန်းပုံစံအပေါ်လုပ်ပါ။

TabView

အဆိုပါအစိတ်အပိုင်းသင်သည်တဲဘ်တပ်ထား interfaces တည်ဆောက်ခွင့်ပြုတဲ့ပြောင်းလွယ်ပြင်လွယ်အညွှန်းထိန်းချုပ်မှုဖြစ်ပါတယ်။