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.

Telerik UI per Xamarin è una libreria di controlli dell'interfaccia utente nativi e personalizzabili per la creazione di straordinarie applicazioni mobili multipiattaforma per le piattaforme mobili più popolari tra cui iOS.

Questa applicazione mostra gli scenari che gli sviluppatori possono ottenere utilizzando l'interfaccia utente di Telerik per Xamarin. Sfoglia gli esempi per ottenere l'esperienza di prima mano con la suite. Un'anteprima del codice sorgente è disponibile per ogni esempio.

Interfaccia utente di Telerik per componenti chiave Xamarin:

Tema predefinito, supporto in fase di progettazione, localizzazione e globalizzazione

Editor di immagini

Un controllo che consente di visualizzare e modificare facilmente le immagini in diversi formati di file nell'applicazione mobile.

Carta geografica

Un controllo di visualizzazione dei dati il ​​cui scopo principale è visualizzare dati spaziali ricchi. Il controllo fornisce la visualizzazione di shapefile ESRI costituiti da oggetti geometrici, come linee, polilinee e poligoni.

PDFViewer

Ti consente di caricare e visualizzare facilmente i documenti PDF in modo nativo nella tua applicazione. Viene fornito con la piena integrazione con RadPdfViewerToolbar.

Apparire

RadPopup ti consente di visualizzare il contenuto di tua scelta in cima alla vista esistente. Il componente fornisce un'API flessibile per controllare facilmente il suo comportamento.

DockLayout

Un meccanismo per gli elementi figlio da ancorare a sinistra, a destra, in alto o in basso o per occupare l'area centrale del layout.

Calendario e programmazione

Il calendario è un componente del calendario altamente personalizzabile che offre:

• Visualizzazioni di giorno, settimana, mese, settimana lavorativa, giorno multiplo e anno.

• Appuntamenti ricorrenti e finestre di dialogo incorporate

•Selezione

• API Styling flessibile.

Fisarmonica ed espansore

Questi componenti consentono di risparmiare spazio sullo schermo e allo stesso tempo presentano il contenuto all'utente finale in un modo facilmente accessibile.

AutoCompleteView

Il controllo ha diverse opzioni di filtro, supporto per i token e ricerca remota, oltre a funzionalità di personalizzazione complete.

Interfaccia utente conversazionale

Questo componente di chat ti consente di creare esperienze di chat moderne nelle tue app, indipendentemente dal framework di chatbot che scegli.

Codice a barre

Il codice a barre è un controllo utilizzato per creare e mostrare codici a barre.

Visualizzazione ad albero

Facilita la gestione delle strutture di dati gerarchici. Viene fornito con meccanismo di comandi, associazione dati, supporto checkbox e supporto Load on Demand.

DataGrid

Il controllo fornisce operazioni come l'ordinamento, il filtraggio, il raggruppamento e la modifica sui dati sottostanti.

Input numerico

NumericInput è un controllo di input altamente personalizzabile per dati numerici.

Pulsante

L'interfaccia utente del pulsante consente di aggiungere rotazioni, forme, trasparenze, testo e sfondi e immagini per un aspetto personalizzato.

SlideView

SlideView consente agli utenti di presentare il contenuto in pagine separate e passare da uno all'altro scorrendo.

MaskedInput

Usando MaskInput nella tua app, puoi ora assicurarti che l'input corretto sia fornito dagli utenti finali con il supporto di token predefiniti come cifre, caratteri, lettere, input alfanumerici ecc o espressioni regolari di tua scelta.

Calibri lineari e radiali

L'indicatore indica e fornisce una visualizzazione di quantità, livello o contenuto di qualcosa.

Visualizzazione elenco

Fornisce le funzionalità più frequentemente utilizzate. Viene fornito con:

• Diverse modalità di layout.

• Virtualizzazione dell'interfaccia utente.

• Pull-to-refresh.

•Selezione.

• Comandi

• Scorri le celle.

• Raggruppamento.

• API Styling.

Grafico

Un versatile strumento per la creazione di grafici che offre piena personalizzazione, grandi prestazioni e un modello di oggetti intuitivo.

• 12 + tipi di grafici

Valutazione

Consente agli utenti di valutare intuitivamente selezionando un numero di elementi [stelle] da un numero predefinito di elementi.

BusyIndicator

Consente di visualizzare una notifica ogni volta che un processo più lungo viene gestito dall'applicazione.

SegmentedControl

Questo componente consente di visualizzare un elenco di opzioni allineate orizzontalmente, mutuamente esclusive, che possono essere selezionate dall'utente.

SideDrawer

Questo fa un passo sul modello di navigazione popolare in cui è possibile accedere a tutte le schermate dell'applicazione da un singolo menu scorrevole.

TabView

Il componente è un controllo di navigazione flessibile che consente di creare interfacce a schede.