Cùng iworld.com.vn khám phá giao diện người dùng Telerik cho WinUI R2 2021 nhé!

Bản phát hành WinUI mới nhất của chúng tôi hiện đã ra mắt — công bố giao diện người dùng Telerik cho WinUI R2 2021.

Giao diện người dùng Telerik cho WinUI R2 2021 được đóng gói đầy đủ với các thành phần và tính năng hoàn toàn mới cho các ứng dụng WinUI của bạn. Một số tính năng mới là Scheduler, ListView, Shadow, RangeSlider, Swiss QR Barcode cũng như nhiều tính năng xử lý tài liệu. Ngoài tất cả những điều đó, chúng tôi đang giới thiệu hỗ trợ Project Reunion 0.5.6 và ứng dụng mẫu mới — Trình chỉnh sửa chủ đề WinUI.

Hãy xem bản phát hành này có gì mới.

Hỗ trợ Project Reunion 0.5.6

Những điều đầu tiên trước tiên. Cách đây một tháng với bản phát hành WinUI 3 chính thức (với Project Reunion 0.5), chúng tôi đã phát hành phiên bản chính thức đầu tiên của Telerik UI cho WinUI (bài đăng trên blog tại đây). Project Reunion 0.5.6 đã được công bố gần đây và chúng tôi sẽ phát hành hôm nay các thành phần máy tính để bàn của chúng tôi được xây dựng dựa trên nó. Nếu bạn muốn xem bản cập nhật mới nhất đang hoạt động, bạn có thể chơi với phiên bản máy tính để bàn của ứng dụng demo của chúng tôi — bạn có thể tìm thấy nó trong thư mục cài đặt của Telerik UI cho WinUI. Hãy cho tôi biết nếu bạn có bất kỳ phản hồi nào.

Người lập kế hoạch

Công bố ngôi sao sáng nhất của bản phát hành này — RadScheduler. 🌟 Tôi biết một số bạn đã chờ đợi RadScheduler hùng mạnh và tôi rất vui khi nói rằng nó hiện là một phần của Telerik UI cho WinUI.

RadScheduler là một thành phần lập lịch hoàn toàn khác, vượt ra ngoài kiểm soát kiểu Microsoft Outlook tiêu chuẩn. Kiểm soát trao quyền cho người dùng cuối với độ chính xác và linh hoạt chưa từng có khi xử lý các cuộc hẹn của họ. Điều này đạt được thông qua các tính năng như nhóm nhiều cấp độ, thu phóng mạnh mẽ để điều hướng thông minh thông qua một số lượng lớn các cuộc hẹn và cuộn nhanh như chớp.

Xem những gì RadScheduler mang lại cho bảng khi lập lịch:

  • Trải nghiệm người dùng phong phú
  • Màn biểu diễn
  • Chỉnh sửa nội tuyến và hộp thoại của các cuộc hẹn
  • Chế độ xem tích hợp và tùy chỉnh
  • Nhóm đa cấp
  • Sự định hướng
  • Kéo nhiều cuộc hẹn
  • Thu phóng
  • Hiển thị chính xác các cuộc hẹn
  • Chụp các cuộc hẹn
  • Hỗ trợ các cuộc hẹn định kỳ linh hoạt
  • Hỗ trợ xuất / nhập iCal
  • Các chỉ số thời gian

Để biết thêm chi tiết về RadScheduler, vui lòng kiểm tra phần này trong tài liệu trợ giúp của chúng tôi.

ListView

RadListView là một thành phần danh sách ảo hóa mới tuyệt vời cung cấp tất cả các tính năng phổ biến nhất được liên kết với các tình huống trong đó danh sách các mục được sử dụng. Điều khiển cung cấp hoạt ảnh tích hợp của mục, bố cục và hướng khác nhau cũng như mặc định thông minh cho nhiều cử chỉ — thực hiện hành động đặc biệt khi vuốt, tùy chọn làm mới danh sách khi vuốt và hơn thế nữa.

RadListView cũng có thể được sử dụng để dễ dàng hình dung các mục của bạn theo nhóm, được sắp xếp và lọc phù hợp với tiêu chí của bạn. Kiểm tra các tính năng chính bên dưới:

  • Bố cục: Điều khiển cung cấp một số bố cục khác nhau (như lưới và ngăn xếp)
  • Đầu trang và cuối trang
  • Chế độ lựa chọn
  • Phân nhóm
  • Lọc
  • Sắp xếp
  • Tải tăng dần: Tính năng này cho phép bạn sử dụng ảo hóa dữ liệu bằng cách chỉ tải các phần dữ liệu sau khi thực hiện một hành động như cuộn xuống hoặc nhấp vào nút
  • Vuốt và sắp xếp lại thứ tự: Điều khiển cung cấp một cơ chế để kéo các mục của nó; dựa trên cử chỉ nhập liệu, các mục có thể được sắp xếp lại thứ tự hoặc có thể hiển thị thêm yếu tố hình ảnh
  • Lệnh
  • Hoạt ảnh mặt hàng
  • Tùy chỉnh ngoại hình

Để biết thêm thông tin và mã mẫu — hãy xem phần ListVew trong tài liệu của chúng tôi.

Shadow

Như Microsoft nói về Hệ thống thiết kế thông thạo, “Thế giới vật chất là từ vựng của chúng ta. Nói trôi chảy trong ánh sáng và bóng tối. ” Bóng đổ là thành phần chính của giao diện hiện đại. Thành phần RadShadow cho WinUI cung cấp cho bạn tùy chọn để đặt hiệu ứng đổ bóng có thể tùy chỉnh cao xung quanh bất kỳ giao diện người dùng nào bạn có. Với sự trợ giúp của RadShadow, bạn có thể nâng cao một số yếu tố và có thể đạt được vẻ ngoài hiện đại như mong muốn.

Một số tính năng chính của điều khiển là:

  • Màu bóng
  • Bóng trong suốt
  • Chức vụ
  • Bán kính góc bóng
  • Bán kính làm mờ

Bạn có thể tìm thấy tài liệu điều khiển Shadow tại đây.

Mã vạch QR Thụy Sĩ


Mã QR của Thụy Sĩ, có thể thu hồi được do có chữ thập Thụy Sĩ ở trung tâm

QR-bill giúp việc phát hành và thanh toán hóa đơn trở nên đơn giản hơn và đang được giới thiệu trên khắp Thụy Sĩ để hiện đại hóa các giao dịch thanh toán. Tính năng nổi bật nhất của nó là mã QR Thụy Sĩ, chứa tất cả thông tin thanh toán ở định dạng kỹ thuật số có thể được đọc bằng điện thoại thông minh hoặc máy quét phiếu.

Giờ đây với sự trợ giúp của RadBarcode, bạn có thể dễ dàng tạo mã như vậy trong ứng dụng WinUI của mình. Để làm như vậy, chỉ cần đặt Mã vạch của mã vạch thành SwissQRCode:

<telerikDataViz:RadBarcode x:Name="Barcode" Width="200" Height="200">
<telerikDataViz:RadBarcode.Symbology>
<telerikDataViz:SwissQRCode Module="4" SizingMode="Manual" />
</telerikDataViz:RadBarcode.Symbology>
</telerikDataViz:RadBarcode>

Để biết thêm thông tin, vui lòng tham khảo phần Swiss QR trong tài liệu mã vạch của chúng tôi.

RangeSlider


RangeSlider hiển thị một thanh trượt có nhãn ‘Giá: từ 0 đến 20’. Một phạm vi được chọn từ 10 đến 20.

Bạn đã bao giờ cần cho phép lựa chọn phạm vi giá trị trong một ứng dụng chưa? Đây là lúc RadRangeSlider có ích. Điều khiển cung cấp giao diện người dùng gốc đơn giản, hoàn toàn có thể tùy chỉnh về giao diện và cung cấp nhiều tùy chọn cấu hình. Dưới đây là một số tính năng chính của điều khiển:

  • Sự định hướng
  • Kéo hoãn lại
  • Snapping
  • Chú giải công cụ
  • Định dạng
  • Đánh dấu tùy chỉnh

Để biết thêm thông tin chi tiết, hãy kiểm tra phần RangeSlider trong tài liệu trực tuyến của chúng tôi.

Điều khiển LayoutTransform


Hộp gary có viền hoa vân anh có dòng chữ ‘Bố cục toàn khung hình’. Hộp đã được kéo dài lên và để lại.

LayoutTransformControl mới là một điều khiển nội dung cho phép bạn dễ dàng áp dụng các phép biến đổi trên bất kỳ FrameworkElement nào của ứng dụng của bạn. Dưới đây là danh sách các phép biến đổi có thể xảy ra:

  • RotateTransform
  • ScaleTransform
  • SkewTransform
  • MatrixTransform
  • TransformGroup

Sử dụng TransformGroup, bạn có thể kết hợp nhiều biến đổi nếu cần. Hy vọng nó sẽ là kiểm soát hữu ích. Kiểm tra tài liệu ở đây.

HubTile


Hai hàng gạch có kích thước khác nhau lật và thay đổi, cảm giác rất sống động. Màu sắc chính của mỗi viên ngói là màu hoa vân anh với loại màu trắng. Hàng đầu tiên có hình vuông ‘Jake Connely’ và một bức ảnh. Nội dung thay đổi lên xuống – ảnh đầy đủ, một nửa và một nửa, chỉ tên. Có hai hình vuông nhỏ hơn xếp chồng lên nhau, một màu xanh lá cây và một màu đỏ, với tỷ lệ thắng / ^ 43% và thua / v 56%, mỗi lần lật. Hai biểu đồ cạnh nhau hình chữ nhật điền vào hàng: Cơ hội đã đóng với biểu đồ đường và Khách hàng tiềm năng mới với biểu đồ thanh. Chúng thay đổi nội dung của chúng lên và xuống giống như ô đầu tiên. Trong hàng thứ hai, hình vuông Danh bạ có một số hình vuông nhỏ hơn bên trong có ảnh của mọi người; những ô vuông nhỏ hơn này lật ngẫu nhiên. Hình chữ nhật có Thống kê sẽ cuộn giữa một số dữ kiện khác nhau như băng chuyền dọc. Tương tự hình chữ nhật Sản phẩm cuộn theo chiều dọc qua một số sản phẩm Telerik Ui cho WinUI.

HubTile là một phần tử giao diện người dùng hình chữ nhật được thiết kế đặc biệt để tự cập nhật động và hiển thị thông tin cập nhật mới nhất từ ​​các dịch vụ hoặc ứng dụng khác nhau.

Hiện tại có sáu biến thể HubTile được tích hợp sẵn có thể hiển thị các loại thông tin khác nhau với các hiệu ứng khác nhau và nhiều tùy chọn tùy chỉnh. Việc kết hợp chúng sẽ cho phép bạn đạt được giao diện động hiệu quả về thông tin bạn cần hiển thị cho người dùng ứng dụng của mình. Đây là danh sách với các ô có sẵn:

RadHubTile: Một ô được sử dụng để hiển thị thông tin như số lượng thông báo bạn có trong hộp thư đến của mình hoặc số công việc còn lại trong danh sách việc cần làm của bạn, v.v.
RadIconHubTile: Một ô cho phép một IconSource được hiển thị dưới dạng nội dung của nó.
RadSlideHubTile: Chứa hai phần nội dung mà bạn có thể đặt văn bản hoặc hình ảnh. Hiệu ứng hình ảnh được hỗ trợ bởi ô này bao gồm ba trạng thái:

  1. RadPictureRotatorHubTile: Hiển thị từng ảnh một và xoay ảnh ngẫu nhiên của một tập hợp các URI ảnh.
  2. RadMosaicHubTile: Bao gồm các ô nhỏ hơn, lật ngẫu nhiên để hiển thị hình ảnh từ bộ sưu tập các URI hình ảnh.
  3. RadCustomHubTile: Là một HubTile tùy chỉnh cho phép bạn đưa mọi thứ từ văn bản vào giao diện người dùng mini cập nhật động trong đó.

SideDrawer


Giao diện người dùng menu thức ăn chuyển sang màu xám khi menu bên trái được kéo ra. SideDrawer này hiển thị thông tin liên hệ và sau đó là danh mục thực phẩm.

Một thành phần mới khác là điều khiển SideDrawer — nó cho phép điều hướng nhanh chóng trên tất cả các cấp ứng dụng của bạn. Nó có thể được đặt ở mọi phía của ứng dụng vì nó cung cấp bốn hướng mở được tích hợp sẵn. Nó cung cấp danh sách một số hoạt ảnh mở / đóng được tích hợp sẵn sẽ giúp bạn có được giao diện độc đáo và đồng thời hiện đại cho các ứng dụng của mình.

Xem tài liệu SideDrawer để biết thêm thông tin và các đoạn mã.

NumericBox


Một hộp màu trắng có viền hoa vân anh cho thấy số 174 được đánh dấu bằng hoa vân anh. Các nút điều khiển ở bên phải là X, đầu mũi tên xuống, đầu mũi tên lên.

Điều khiển NumericBox là một thành phần nhỏ nhưng đồng thời rất hữu ích. Nó cung cấp chức năng để chọn các giá trị số trong một phạm vi được xác định trước. Kiểm soát cho thấy một API thuận tiện để tùy chỉnh hành vi của nó để phù hợp nhất với các yêu cầu kinh doanh. Dưới đây là một số tính năng chính của điều khiển:

  • Tối thiểu và tối đa
  • Các tùy chọn gia tăng khác nhau
  • Định dạng giá trị
  • Khả năng hiển thị của các nút tăng / giảm
  • Chế độ chỉ đọc
  • Hỗ trợ hình mờ
  • Văn hóa nhận thức

Để biết thêm chi tiết, hãy xem phần NumericUpDown trong tài liệu.

Trình chỉnh sửa chủ đề WinUI

Giới thiệu trình chỉnh sửa chủ đề Telerik WinUI. Đây là một ứng dụng trợ giúp dựa trên ứng dụng UWP XAML Theme Editor của Microsoft. Đây là một công cụ sẽ giúp bạn dễ dàng tùy chỉnh các bàn chải WinUI mặc định, xem trước các thay đổi và sao chép để đạt được giao diện độc đáo cho ứng dụng của bạn. Bạn sẽ có thể xem trước tất cả các điều khiển Telerik bên trong cũng như các điều khiển MS gốc. Tôi hy vọng công cụ này sẽ giúp bạn đạt được nhiều hơn và triển khai các ứng dụng WinUI đẹp mắt.

WordsProcessing: Nhập định dạng Doc và Dot

Mặc dù đây là những định dạng cũ, nhưng vẫn còn rất nhiều tài liệu được lưu dưới dạng tệp .doc và .dot và cần được chỉnh sửa bởi người dùng của chúng tôi. Do đó, đây là một trong những tính năng được yêu cầu nhiều nhất cho bộ phần mềm. Với R2 2021, các định dạng này được hỗ trợ và các tài liệu có thể được nhập và chuyển đổi sang định dạng DOCX được sử dụng rộng rãi. Bạn có thể tìm thêm thông tin ở đây.

WordsProcessing: Tìm chức năng

WordsProcessing cho phép bạn tìm kiếm văn bản cụ thể và tìm tất cả các lần xuất hiện trong tài liệu. Bạn có thể tìm kiếm một phần của văn bản hoặc toàn bộ từ có hoặc không có cách viết hoa phù hợp. Cũng có thể tìm kiếm bằng một biểu thức chính quy. Bài viết thay thế văn bản và kiểu mô tả chức năng này.

SpreadProcessing: DataTableFormatProvider

DataTableFormatProvider mới cho phép bạn dễ dàng chuyển đổi các bảng của mình thành trang tính hoặc tạo một bảng dữ liệu mới từ một trang tính hiện có. Bằng cách này, bạn có thể dễ dàng hiển thị dữ liệu của mình trong bảng tính và trực quan hóa nó cho người dùng cuối. Thông tin thêm về công cụ này có sẵn trong bài viết này từ tài liệu trợ giúp trực tuyến của chúng tôi.

PdfProcessing: Làm phẳng các trường biểu mẫu

Mặc dù việc làm phẳng biểu mẫu có thể được thực hiện theo cách thủ công, nhưng giờ đây nó là một phần của thư viện và bạn có thể đạt được nó bằng cách gọi một phương thức duy nhất. Chức năng này cho phép bạn dễ dàng loại bỏ tất cả các trường và giữ nguyên giá trị của chúng. Bằng cách này, bạn có thể đặt tài liệu ở chế độ chỉ đọc sau khi người dùng đã điền. Thông tin chi tiết về tính năng này có tại đây.

SpreadStreamProcessing: Đo lường văn bản

Một trong những hạn chế trong thư viện SpreadStreamProcessing là bạn không thể đặt chiều rộng cột sau khi xuất các cột vì thư viện đang ghi trực tiếp trong luồng tệp. Đây không còn là một giới hạn nữa và bây giờ bạn có thể sử dụng lớp CellContentSizeHelper để đo các ô và đặt chiều rộng cột. Để biết thêm chi tiết, hãy kiểm tra bài viết này.

Cải tiến diễn đàn cộng đồng Telerik UI và Kendo

Và cuối cùng nhưng không kém phần quan trọng, chúng tôi đã cải tiến một trong những địa điểm yêu thích mà các nhà phát triển yêu thích – Diễn đàn cộng đồng giao diện người dùng Telerik và Kendo. Kiểm tra câu chuyện đầy đủ về lý do và điều gì trong bài đăng blog dành riêng.

Kiểm tra các ghi chú phát hành chi tiết

Chúng tôi có nhiều hơn nữa. Để có cái nhìn tổng quan về tất cả các tính năng và cải tiến mới nhất mà chúng tôi đã thực hiện, hãy xem ghi chú phát hành cho các sản phẩm bên dưới:

Giao diện người dùng Telerik cho WinUI (Ghi chú phát hành)

Biên dịch bởi Trinh Minh –iworld.com.vn

Xem thêm

 

Các tính năng và cải tiến mới trong Telerik TabView cho Xamarin

Có gì mới trong Telerik UI cho ASP.NET MVC R2 2021 bản R2 2021