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.

O Telerik UI for Xamarin é uma biblioteca de controles de interface do usuário nativos e personalizáveis ​​para criar aplicativos móveis de plataforma cruzada incríveis para as plataformas móveis mais populares, incluindo o iOS.

Este aplicativo mostra cenários que os desenvolvedores podem obter usando o Telerik UI for Xamarin. Navegue pelos exemplos para obter uma experiência em primeira mão com a suíte. Uma pré-visualização do código-fonte está disponível para todos os exemplos.

Interface do usuário do Telerik para componentes-chave Xamarin:

Tema pré-definido, suporte em tempo de design, localização e globalização

Editor de imagem

Um controle que permite visualizar e editar facilmente imagens em diferentes formatos de arquivo em seu aplicativo móvel.

Mapa

Um controle de visualização de dados cuja finalidade principal é visualizar dados espaciais ricos. O controle fornece a visualização de shapefiles ESRI que consistem em objetos geométricos, como linhas, polilinhas e polígonos.

PdfViewer

Ele permite que você carregue e exiba documentos PDF facilmente em seu aplicativo. Ele vem com integração total com o RadPdfViewerToolbar.

Aparecer

O RadPopup permite exibir o conteúdo de sua escolha sobre a vista existente. O componente fornece uma API flexível para controlar facilmente seu comportamento.

DockLayout

Um mecanismo para que elementos filho sejam encaixados na borda esquerda, direita, superior ou inferior ou ocupem a área central do layout.

Calendário e agendamento

O Calendário é um componente de calendário altamente personalizável que oferece:

• Visualizações Dia, Semana, Mês, WorkWeek, MultiDay e Ano.

• compromissos recorrentes e diálogos internos

•Seleção

• API de estilo flexível.

Acordeão e Expansor

Esses componentes ajudam você a economizar espaço na tela e, ao mesmo tempo, apresentam o conteúdo ao usuário final de maneira facilmente acessível.

AutoCompleteView

O controle tem diferentes opções de filtragem, suporte a tokens e pesquisa remota, além de recursos completos de personalização.

Interface de conversação

Esse componente de bate-papo permite que você crie experiências de bate-papo modernas em seus aplicativos, independentemente da estrutura de chatbot que você escolher.

Código de barras

Barcode é um controle usado para criar e mostrar códigos de barras.

TreeView

Facilita o gerenciamento de estruturas hierárquicas de dados. Ele vem com mecanismo de comandos, ligação de dados, suporte a caixa de seleção e suporte a Load on Demand.

Grade de dados

O controle fornece operações como classificação, filtragem, agrupamento e edição sobre os dados subjacentes.

Entrada numérica

NumericInput é um controle de entrada altamente personalizável para dados numéricos.

Botão

O botão UI permite adicionar rotação, formas, transparência, texto e planos de fundo e imagens para uma aparência personalizada.

SlideView

O SlideView permite que os usuários apresentem conteúdo em páginas separadas e alternem entre eles passando o dedo.

MaskedInput

Usando o MaskInput no seu aplicativo, agora você pode garantir que a entrada correta seja fornecida pelos usuários finais com o suporte para tokens predefinidos, como dígitos, caracteres, letras, entrada alfanumérica, etc, ou regex de sua escolha.

Medidores Lineares e Radiais

O medidor indica e dá uma exibição visual da quantidade, nível ou conteúdo de alguma coisa.

Exibição de lista

Ele fornece as funcionalidades usadas com mais freqüência. Vem com:

• modos de layout diferentes.

• virtualização de interface do usuário.

• Puxar para atualizar.

•Seleção.

• Comandos

• Células passam.

•Agrupamento.

• API de estilo.

Gráfico

Um componente de gráficos versátil que oferece personalização completa, ótimo desempenho e um modelo de objeto intuitivo.

• 12 + tipos de gráficos

Avaliação

Ele permite que os usuários classifiquem intuitivamente selecionando um número de itens [estrelas] de um número predefinido de itens.

BusyIndicator

Ele permite que você exiba uma notificação sempre que um processo de execução mais longa estiver sendo manipulado pelo aplicativo.

SegmentedControl

Este componente permite exibir uma lista de opções mutuamente exclusivas, alinhadas horizontalmente, que podem ser selecionadas pelo usuário.

SideDrawer

Esta etapas no padrão de navegação popular, onde você pode acessar todas as telas do aplicativo a partir de um único menu deslizante.

TabView

O componente é um controle de navegação flexível que permite criar interfaces com guias.