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 ist eine Bibliothek nativer und anpassbarer UI-Steuerelemente zum Erstellen beeindruckender, plattformübergreifender mobiler Anwendungen für die gängigsten mobilen Plattformen, einschließlich iOS.

Diese Anwendung zeigt Szenarien, die Entwickler mit der Telerik-Benutzeroberfläche für Xamarin erreichen können. Durchsuchen Sie die Beispiele, um die Suite aus erster Hand kennenzulernen. Für jedes Beispiel ist eine Quelltextvorschau verfügbar.

Telerik UI für Xamarin-Schlüsselkomponenten:

Vordefiniertes Design, Design-Time-Support, Lokalisierung und Globalisierung

Bildbearbeiter

Ein Steuerelement, mit dem Sie Bilder in verschiedenen Dateiformaten in Ihrer mobilen Anwendung problemlos visualisieren und bearbeiten können.

Karte

Eine Datenvisualisierungssteuerung, deren Hauptzweck darin besteht, reichhaltige räumliche Daten zu visualisieren. Das Steuerelement ermöglicht die Visualisierung von ESRI-Shapefiles, die aus geometrischen Objekten wie Linien, Polylinien und Polygonen bestehen.

PdfViewer

Sie können PDF-Dokumente einfach in Ihrer Anwendung laden und anzeigen. Es ist vollständig mit der RadPdfViewerToolbar integriert.

Pop-up

Mit RadPopup können Sie Inhalte Ihrer Wahl über der vorhandenen Ansicht anzeigen. Die Komponente bietet eine flexible API, mit der sich ihr Verhalten problemlos steuern lässt.

DockLayout

Ein Mechanismus, mit dem untergeordnete Elemente an der linken, rechten, oberen oder unteren Kante angedockt werden oder den mittleren Bereich des Layouts einnehmen.

Kalender & Terminplanung

Der Kalender ist eine stark anpassbare Kalenderkomponente, die Folgendes bietet:

• Tages-, Wochen-, Monats-, Arbeitswochen-, MultiDay- und Jahresansicht.

• Wiederkehrende Termine und eingebaute Dialoge

•Auswahl

• Flexibles Styling-API.

Akkordeon und Expander

Diese Komponenten helfen Ihnen dabei, Bildschirmplatz zu sparen und gleichzeitig dem Endbenutzer den Inhalt auf leicht zugängliche Weise zu präsentieren.

AutoCompleteView

Das Steuerelement verfügt über verschiedene Filteroptionen, Token-Unterstützung und Remote-Suche sowie vollständige Anpassungsmöglichkeiten.

Conversational UI

Mit dieser Chat-Komponente können Sie in Ihren Apps moderne Chat-Erlebnisse erstellen, unabhängig vom gewählten Chatbot-Framework.

Barcode

Barcode ist ein Steuerelement zum Erstellen und Anzeigen von Barcodes.

Baumsicht

Es erleichtert die Verwaltung hierarchischer Datenstrukturen. Es verfügt über einen Mechanismus für Befehle, Datenbindung, Unterstützung für Checkboxen und Unterstützung für Load on Demand.

DataGrid

Das Steuerelement bietet Vorgänge wie Sortieren, Filtern, Gruppieren und Bearbeiten der zugrunde liegenden Daten.

Numerische Eingabe

NumericInput ist eine stark anpassbare Eingabesteuerung für numerische Daten.

Taste

Über die Schaltfläche der Benutzeroberfläche können Sie Rotation, Formen, Transparenz, Text sowie Hintergründe und Bilder hinzufügen, um ein benutzerdefiniertes Erscheinungsbild zu erstellen.

SlideView

Mit der SlideView können Benutzer Inhalte auf separaten Seiten präsentieren und durch Wischen zwischen ihnen wechseln.

MaskedInput

Wenn Sie MaskInput in Ihrer App verwenden, können Sie jetzt sicherstellen, dass die korrekten Eingaben von den Endbenutzern bereitgestellt werden, die vordefinierte Token wie Ziffern, Zeichen, Buchstaben, alphanumerische Eingaben usw. oder Regex Ihrer Wahl unterstützen.

Längen- und Radiallehren

Das Messgerät zeigt den Betrag, den Füllstand oder den Inhalt von etwas an und zeigt es visuell an.

Listenansicht

Es bietet die am häufigsten verwendeten Funktionen. Es kommt mit:

• Verschiedene Layoutmodi.

• UI-Virtualisierung.

• Zum Aktualisieren ziehen.

•Auswahl.

• Befehle

• Zellen streichen.

•Gruppierung.

• Styling-API.

Diagramm

Eine vielseitige Diagrammkomponente, die vollständige Anpassung, großartige Leistung und ein intuitives Objektmodell bietet.

• 12 + Diagrammtypen

Bewertung

Benutzer können intuitiv bewerten, indem sie eine Anzahl von Elementen [Sterne] aus einer vordefinierten Anzahl von Elementen auswählen.

BusyIndicator

Damit können Sie eine Benachrichtigung anzeigen, wenn von der Anwendung ein länger laufender Prozess verarbeitet wird.

SegmentedControl

Mit dieser Komponente können Sie eine Liste horizontal ausgerichteter, sich gegenseitig ausschließender Optionen anzeigen, die vom Benutzer ausgewählt werden können.

SideDrawer

Hier wird das beliebte Navigationsmuster erläutert, bei dem Sie über ein einziges Schiebemenü auf alle Anwendungsbildschirme zugreifen können.

TabView

Die Komponente ist eine flexible Navigationssteuerung, mit der Sie Registerkarten erstellen können.