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 สำหรับ Xamarin เป็นห้องสมุดของตัวควบคุม UI ดั้งเดิมและปรับแต่งได้สำหรับการสร้างแอพพลิเคชั่นมือถือข้ามแพลตฟอร์มที่น่าทึ่งสำหรับแพลตฟอร์มมือถือยอดนิยมรวมถึง iOS

แอปพลิเคชั่นนี้แสดงให้เห็นว่าผู้พัฒนาสถานการณ์สามารถใช้ Telerik UI สำหรับ Xamarin ได้ เรียกดูตัวอย่างเพื่อรับประสบการณ์โดยตรงกับห้องชุด ตัวอย่างซอร์สโค้ดพร้อมใช้งานสำหรับทุกตัวอย่าง

Telerik UI สำหรับองค์ประกอบสำคัญของ Xamarin:

ธีมที่กำหนดไว้ล่วงหน้า, การสนับสนุนเวลาออกแบบ, รองรับหลายภาษาและโลกาภิวัตน์

ImageEditor

ตัวควบคุมที่ช่วยให้คุณเห็นภาพและแก้ไขรูปภาพในรูปแบบไฟล์ต่าง ๆ ในแอปพลิเคชันมือถือของคุณได้อย่างง่ายดาย

แผนที่

การควบคุมการสร้างภาพข้อมูลที่มีวัตถุประสงค์หลักคือการแสดงข้อมูลเชิงพื้นที่ที่อุดมไปด้วย ตัวควบคุมจัดเตรียมการสร้างภาพของรูปทรงไฟล์ ESRI ที่ประกอบด้วยวัตถุรูปทรงเรขาคณิตเช่นเส้นโพลีลีนและรูปหลายเหลี่ยม

PdfViewer

ช่วยให้คุณโหลดและแสดงเอกสาร PDF ได้อย่างง่ายดายในแอปพลิเคชันของคุณ มันมาพร้อมกับการรวมเต็มรูปแบบกับ RadPdfViewerToolbar

ป๊อปอัพ

RadPopup ช่วยให้คุณแสดงเนื้อหาที่คุณเลือกที่ด้านบนของมุมมองที่มีอยู่ ส่วนประกอบนี้มี API ที่ยืดหยุ่นเพื่อควบคุมพฤติกรรมของมันได้อย่างง่ายดาย

DockLayout

กลไกสำหรับองค์ประกอบลูกที่จะเชื่อมต่อไปทางซ้าย, ขวา, ขอบบนหรือล่างหรือเพื่อใช้พื้นที่กึ่งกลางของเค้าโครง

ปฏิทิน & กำหนดการ

ปฏิทินเป็นองค์ประกอบในปฏิทินที่ปรับแต่งได้สูงที่มี:

•มุมมองวันสัปดาห์เดือนสัปดาห์การทำงานหลายวันและปี

•การนัดหมายที่เกิดซ้ำและการโต้ตอบในตัว

•การคัดเลือก

• API สไตล์ยืดหยุ่น

หีบเพลง & Expander

ส่วนประกอบเหล่านั้นช่วยให้คุณประหยัดพื้นที่หน้าจอและในเวลาเดียวกันนำเสนอเนื้อหาให้กับผู้ใช้ด้วยวิธีที่เข้าถึงได้ง่าย

AutoCompleteView

การควบคุมมีตัวเลือกการกรองที่แตกต่างกันการสนับสนุนโทเค็นและการค้นหาระยะไกลรวมถึงความสามารถในการปรับแต่งเต็มรูปแบบ

UI การสนทนา

องค์ประกอบการแชทนี้ช่วยให้คุณสร้างประสบการณ์การแชทที่ทันสมัยในแอพของคุณโดยไม่คำนึงถึงกรอบแชทบอทที่คุณเลือก

บาร์โค้ด

บาร์โค้ดเป็นตัวควบคุมที่ใช้สำหรับการสร้างและแสดงบาร์โค้ด

TreeView

มันอำนวยความสะดวกในการจัดการโครงสร้างข้อมูลแบบลำดับชั้น มันมาพร้อมกับกลไกคำสั่งการผูกข้อมูลการสนับสนุนช่องทำเครื่องหมายและการสนับสนุนโหลดตามความต้องการ

DataGrid

การควบคุมให้การดำเนินงานเช่นการเรียงลำดับการกรองการจัดกลุ่มและการแก้ไขข้อมูลพื้นฐาน

อินพุตตัวเลข

NumericInput เป็นการควบคุมอินพุตที่ปรับแต่งได้สูงสำหรับข้อมูลตัวเลข

ปุ่ม

ปุ่ม UI ช่วยให้คุณเพิ่มการหมุนรูปร่างความโปร่งใสข้อความและพื้นหลังและภาพเพื่อให้ได้รูปลักษณ์ที่กำหนดเอง

SlideView

SlideView ช่วยให้ผู้ใช้สามารถนำเสนอเนื้อหาในหน้าแยกและสลับระหว่างพวกเขาโดยการรูด

MaskedInput

ด้วยการใช้ MaskInput ในแอปของคุณตอนนี้คุณสามารถมั่นใจได้ว่าการป้อนข้อมูลที่ถูกต้องนั้นจัดทำโดยผู้ใช้ปลายทางพร้อมกับการสนับสนุนโทเค็นที่กำหนดไว้ล่วงหน้าเช่นตัวเลขตัวอักษรตัวอักษรอินพุตตัวอักษรและตัวเลข ฯลฯ หรือ regex ที่คุณเลือก

เกจเชิงเส้นและเรเดียล

มาตรวัดบ่งบอกและให้การแสดงภาพระดับปริมาณหรือเนื้อหาของบางสิ่งบางอย่าง

ListView

มันมีฟังก์ชั่นที่ใช้บ่อยที่สุด มันมาพร้อมกับ:

•โหมดรูปแบบที่แตกต่างกัน

•การจำลองเสมือน UI

•ดึงเพื่อรีเฟรช

•การคัดเลือก

•คำสั่ง

•เซลล์ปัด

•การจัดกลุ่ม

• API จัดแต่งทรงผม

แผนภูมิ

ส่วนประกอบการทำแผนภูมิอเนกประสงค์ที่ให้การปรับแต่งเต็มประสิทธิภาพที่ยอดเยี่ยมและรูปแบบวัตถุที่ใช้งานง่าย

• 12 + ประเภทแผนภูมิ

อันดับ

ช่วยให้ผู้ใช้ให้คะแนนอย่างสังหรณ์ใจโดยเลือกจำนวนรายการ [ดาว] จากจำนวนรายการที่กำหนดไว้ล่วงหน้า

BusyIndicator

ช่วยให้คุณสามารถแสดงการแจ้งเตือนเมื่อใดก็ตามที่แอปพลิเคชันจัดการกระบวนการที่ใช้เวลานานขึ้น

SegmentedControl

ส่วนนี้ช่วยให้คุณสามารถแสดงรายการของตัวเลือกแนวนอนและแนวซึ่งกันและกันซึ่งผู้ใช้สามารถเลือกได้

SideDrawer

ขั้นตอนนี้ในรูปแบบการนำทางที่เป็นที่นิยมซึ่งคุณสามารถเข้าถึงหน้าจอแอปพลิเคชันทั้งหมดได้จากเมนูเลื่อนเดียว

TabView

ส่วนประกอบคือตัวควบคุมการนำทางที่ยืดหยุ่นที่ช่วยให้คุณสร้างอินเตอร์เฟสแบบแท็บ