Introducing macOS Support for Xamarin Controls | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (175).NET Core  (29).NET MAUI  (208)Angular  (109)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (41)Black Friday Deal  (1)Blazor  (220)BoldSign  (15)DocIO  (24)Essential JS 2  (107)Essential Studio  (200)File Formats  (67)Flutter  (133)JavaScript  (221)Microsoft  (119)PDF  (81)Python  (1)React  (101)Streamlit  (1)Succinctly series  (131)Syncfusion  (920)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (51)Windows Forms  (61)WinUI  (68)WPF  (159)Xamarin  (161)XlsIO  (37)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (151)Chart  (132)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (633)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (41)Extensions  (22)File Manager  (7)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (508)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (11)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (387)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (597)What's new  (333)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

Introducing macOS Support for Xamarin Controls

At the end of June, we released Essential Studio 2018 Volume 2 with a lot of new features and new controls in Xamarin. The most exciting thing about this release for our Xamarin UI controls suite is the extension of Charts, DataGrid and ListView controls’ support to the macOS platform in Xamarin.Forms. These controls are compatible with macOS 10.11 and higher versions. We will continue to add other controls gradually in consecutive releases.

Though all the existing features are supported in macOS also, they would not be complete if the interactive features didn’t work with a keyboard and mouse in macOS. Therefore, we also added keyboard navigation and mouse interaction support for these controls. The following summaries can give you an idea of what has been done in these controls apart from the existing features.

Lots has been done in datagrid to make it work seamlessly with the keyboard and mouse in macOS. The most interesting interaction is that you can swipe a grid row with two fingers using trackpad to show contextual actions such as delete button, edit button, etc. You can enter edit mode by double-clicking on a cell and exit the edit mode by pressing the Esc key. You can navigate through the grid rows using Up arrow, Down arrow, Page up, Page down, Home, and End keys. It is possible to do multiple selection using the Up and Down arrow keys along with the Ctrl and Shift key modifiers.

In charts, you can use the mouse to activate tooltip and trackball features and interact with data points and legend items. You can also zoom the chart by scrolling the mouse wheel or zoom and pan the chart using the trackpad.

With list view control, you can select items using the mouse and navigate through them using the Up and Down arrow keys.

It’s not over yet! There are more improvements planned for macOS, especially in data grid, in the upcoming release.

What’s next

You can check out these controls in action in this expense tracker demo application. This is a simple, real-world application developed in Xamarin.Forms and MVVM that showcases how these controls work in the iOS, Android, UWP, and macOS platforms.

Displays the overview of expense details using datagrid

Displays the overview of expense details using datagrid

Displays transaction history in listview

Displays transaction history in listview

Visualize expense trends and summary using bar and pie charts

Visualize expense trends and summary using bar and pie charts

If you need any other control as an immediate requirement, please let us know in the comments below. This will help us prioritize the next set of controls to implement. You can also contact us through our support forum or Direct-Trac. We are happy to assist you!

If you like this blog post, we think you’ll also like the following free e-books:

Xamarin.Forms Succinctly
Xamarin.Forms for macOS Succinctly

Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed

Table of Contents