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 for Xamarin es una biblioteca de controles de UI nativos y personalizables para crear impresionantes aplicaciones móviles multiplataforma para las plataformas móviles más populares, incluyendo iOS.

Esta aplicación muestra los escenarios que los desarrolladores pueden lograr utilizando la interfaz de usuario de Telerik para Xamarin. Explore los ejemplos para obtener la experiencia de primera mano con la suite. Una vista previa del código fuente está disponible para cada ejemplo.

Telerik UI para componentes clave de Xamarin:

Tema predefinido, soporte en tiempo de diseño, localización y globalización

Editor de imagen

Un control que le permite visualizar y editar fácilmente imágenes en diferentes formatos de archivo en su aplicación móvil.

Mapa

Un control de visualización de datos cuyo propósito principal es visualizar datos espaciales ricos. El control proporciona la visualización de los shapefiles ESRI que consisten en objetos geométricos, como líneas, polilíneas y polígonos.

PdfViewer

Le permite cargar y mostrar fácilmente documentos PDF de forma nativa en su aplicación. Viene con integración completa con RadPdfViewerToolbar.

Surgir

RadPopup le permite mostrar el contenido de su elección en la parte superior de la vista existente. El componente proporciona una API flexible para controlar fácilmente su comportamiento.

DockLayout

Un mecanismo para que los elementos secundarios se acoplen al borde izquierdo, derecho, superior o inferior o para ocupar el área central del diseño.

Calendario y Programación

El calendario es un componente de calendario altamente personalizable que ofrece:

• Vistas de día, semana, mes, semana de trabajo, días múltiples y año.

• Citas recurrentes y diálogos incorporados.

•Selección

• API de estilo flexible.

Acordeón y Expansor

Esos componentes lo ayudan a ahorrar espacio en la pantalla y al mismo tiempo presentar el contenido al usuario final de una manera fácilmente accesible.

Autocompletar vista

El control tiene diferentes opciones de filtrado, soporte de tokens y búsqueda remota, así como capacidades de personalización completas.

Interfaz de usuario conversacional

Este componente de chat le permite crear experiencias de chat modernas en sus aplicaciones, independientemente del marco de chatbot que elija.

Código de barras

El código de barras es un control utilizado para crear y mostrar códigos de barras.

Vista de árbol

Facilita la gestión de estructuras de datos jerárquicas. Viene con un mecanismo de comandos, enlace de datos, compatibilidad con casillas de verificación y soporte de carga bajo demanda.

Cuadrícula de datos

El control proporciona operaciones como ordenar, filtrar, agrupar y editar sobre los datos subyacentes.

Entrada Numérica

NumericInput es un control de entrada altamente personalizable para datos numéricos.

Botón

La IU del botón le permite agregar rotación, formas, transparencia, texto, fondos e imágenes para una apariencia personalizada.

SlideView

SlideView permite a los usuarios presentar contenido en páginas separadas y alternar entre ellos al deslizar.

MaskedInput

Al utilizar el MaskInput en su aplicación, ahora puede asegurarse de que los usuarios finales proporcionen la entrada correcta con el soporte de tokens predefinidos como dígitos, caracteres, letras, entrada alfanumérica, etc. o expresiones regulares de su elección.

Calibres lineales y radiales

El indicador indica y ofrece una visualización visual de la cantidad, el nivel o el contenido de algo.

Vista de la lista

Proporciona las funcionalidades más utilizadas. Viene con:

• Diferentes modos de diseño.

• Virtualización de la interfaz de usuario.

• Pull-to-refresh.

•Selección.

• Comandos

• Las células se deslizan.

•Agrupamiento.

• API de estilo.

Gráfico

Un componente de gráficos versátil que ofrece una personalización completa, un gran rendimiento y un modelo de objetos intuitivo.

• 12 + Tipos de gráficos

Clasificación

Permite a los usuarios calificar de manera intuitiva seleccionando una cantidad de elementos [estrellas] de una cantidad predefinida de elementos.

BusyIndicator

Le permite mostrar una notificación cada vez que la aplicación está manejando un proceso de ejecución más prolongada.

Control segmentado

Este componente le permite mostrar una lista de opciones alineadas horizontalmente, mutuamente exclusivas, que pueden ser seleccionadas por el usuario.

SideDrawer

Estos pasos en el patrón de navegación popular donde puede acceder a todas las pantallas de su aplicación desde un solo menú deslizante.

TabView

El componente es un control de navegación flexible que le permite crear interfaces con pestañas.