Ultimate UI for Xamarin

Ultimate UI for Xamarin

Create fast, beautiful, cross-platform mobile apps. 

 

Pairs lightning-fast controls with time-saving productivity tools automating manual coding processes. Work faster and more productively!

 

Ultimate UI Controls for Xamarin

 

• APP Map

• Fast page layout with drag & drop
• Automatically generate all views, view models, and navigation code
• Generate a well-architected MVVM application based on Prism

 

Xamarin AppMap

The days of creating Xamarin.Forms applications one page at a time are over.? Infragistics AppMap allows you to lay out your entire Xamarin.Forms application using a familiar Microsoft® Visio®-style diagram interface.? Design your app in minutes by dragging and dropping pages, child relationships, and navigation instructions onto the design surface.? Once you're happy with your application layout and flow, AppMap will generate all the Views, ViewModels, and navigation code based on a best-practice Prism MVVM architecture.? Creating mobile apps has never been easier!

 

New Project and Item Templates

The Infragistics AppMap provides both a project template and an item template for Visual Studio to speed up your Xamarin.Forms mobile app development, whether you are creating a new project or updating an existing one.

 

New Project Wizard

Don’t need it? Don’t create it!? The Infragistics New Project Wizard allows you to select only the platforms you care about, as well as your preferred dependency container.

 

Fast Page Layout with Drag & Drop

Take your whiteboard directly to Visual Studio!? Design your entire application structure just by dragging and dropping pages, child relationships, and navigation patterns onto the diagram surface.? Create MasterDetailPage relationships with or without a hamburger menu.? Easily add tabs to Tabbed Pages and control the tab order. ?Place navigation actions in a page’s toolbar items collection.? Need to reset the navigation stack? You can do that too!

 

Toolbox Widgets

The AppMap toolbox provides you with the most common page types, including ContentPage, CarouselPage, MasterDetailPage, and TabbedPage. ?Define tabs for a TabbedPage by using the “Has Child” connection.? Create navigation instructions using the “Navigates To” connection.? Reset the navigation stack by using an “Absolute Navigation” connection. ?Each page type and page relationship type has options that give you full control over your application’s behavior.

 

Code Generation, Your Way!

Have your own MVVM conventions? No problem.?The Infragistics AppMap allows you to change the code generation options to fit your specific requirements.? You decide if you want your ViewModels in a separate folder or with the Views. ?Don’t like the default folder names? Change them.? Don’t want to use the AppMapViewModelBase class? Choose your own.?The best part is that the AppMap remembers your preferences so you don’t need to set them again.

 

Navigation Registered with Prism

Save time and keystrokes! The Infragistics AppMap automatically registers each generated page with the Prism navigation service. ?This ensures that your application will work the first time, and you won’t have to worry about repetitive and time-consuming tasks.? Design, generate, run!

 

• Toolbox

• Fast page design with drag & drop
• Includes Infragistics and native Xamarin.Forms controls
• Extended XAML output

 

Xamarin.Forms Toolbox

The first NuGet-powered toolbox, the Xamarin.Forms Toolbox includes all the Xamarin controls by Infragistics, as well as the Xamarin controls native to the platform for quick access to design your page – automatically adding the namespace and XAML for your selected control.

 

Fast Page Design with Drag & Drop

Easily drag toolbox items directly onto the XAML editor delivering a WYSIWYG XAML view of the control to design entire page views with no XAML editing required.

 

Infragistics and Xamarin Controls

The Xamarin.Forms Toolbox conveniently includes Infragistics controls and Xamarin native controls – grouped by Infragistics controls and Xamarin controls, which are further grouped by Layouts, Views, and Cells, just like the Xamarin documentation.

 

Extended XAML Output

Save time by using Ctrl+Drag on toolbox widgets, adding developer-friendly extended XAML features – like embedding a ScrollViewer inside of a StackPanel, or adding additional binding information for a Pie Chart – saving you the time of adding this additional XAML yourself!

 

Quickly Search for Controls

Search gives you a quick and easy way to find a control or component, including partial-word search, just like you get with any standard toolbox window.

 

• Configurators

• Visually configure grids, charts, and other rich controls
• Bind data with ease
• Generate code with the click of a button

 

Xamarin Control Configurators

Infragistics Ultimate UI for Xamarin Control Configurators provide visual configuration of rich controls like charts, gauges, and the data grid right in the XAML editor, shaving hours off your development time. Configure your controls and bind data directly from XAML files with pre-built styles and themes and WYSIWYG property editing - no coding required. Use the control configurators to learn the rich API’s of the Xamarin Forms controls.

 

Ultimate UI for Xamarin includes configurators for these controls:

• Category Chart
• Pie Chart
• Bullet Graph      
• Linear Gauge
• Radial Gauge
• Data Grid

 

Launch the?Control?Configurator with a Single Click

Select your control in the XAML editor and use the Suggested Actions lightbulb to launch the control configurator.

 

Visually Configure Your Control

Use the control configurators to visually customize almost every aspect of your controls. All the control configurators have a common layout: ribbon at the top, a property grid on the right, and several other options on the left, depending on the configurator you are using. Some configurators even ship with Quick Sets, which let you quickly configure your control by selecting one of the professional, beautifully-designed, pre-configured configurations.

 

Property Editing with Ease

Conveniently find properties grouped by related features in the Property Editor. Features are also enabled or disabled by feature compatibility. This lets you customize any detail of the control, and it helps you learn by example, as you can see in real-time how your changes affect the control.

 

Data Binding is a Breeze

Use the Binding Editor to easily set a binding for a control, including binding mode or your custom converter. We’ve even provided a handy formatter so you don’t need to think about how to display your values.

 

Generate Code with the Click of a Button

Once you have configured the control exactly as you want it, hit the Apply & Close button and watch all the XAML code get generated for you. Even better, the configurator will read any changes you made in XAML and update the properties with our full, two-way XAML parser.

 

• Data Grid

• Display large data sets with this high-performing grid control
• Sort, filter, and select data
• Supports responsive layout design

 

Xamarin Data Grid

Use the lightweight, feature-rich Data Grid control when you need to display lots of data without sacrificing mobile device performance.

 

Use the new Ultimate UI for Xamarin Data Grid Configurator to quickly configure the control and bind data directly from XAML—no code required!

 

Data Source

Data can be local to the user’s device or in a remote store or web service.

 

Sorting and Filtering

Sort your data grid columns in ascending or descending order. Apply sorting to multiple columns for more advanced operations. Whether your data is local or remote, use powerful filtering to exercise complete control over your data, with a wide range of filters such as function expressions, literal expressions, arithmetic operands and logical operands for building advanced filtering capabilities spanning multiple columns.

 

Built-in Columns

Auto-generate columns or select from built-in column types including Text, Numeric, Image, DateTime, and Template. All cells and headers can be configured by setting text properties like text color, font size, background color, formatting, and alignment.

 

Column Grouping with Sticky Headers

Column Grouping in the Xamarin Data Grid enables you to organize data in a hierarchical structure based on matching property values. You can apply grouping to multiple columns, including invisible columns, and set the sort order for the group. Sticky headers are on by default; disable them by setting the IsGroupRowStick property to "false."

 

Responsive Layout

You can configure the Data Grid control to change visible columns based on available width by setting break points at different widths or based on device orientation.

 

Animation

Control Showing, Hiding, Adding, Moving, and Exchanging grid columns with a variety of animations including left, right, top, bottom, fade-in, crossfade, or slide-over.

 

Live Scrolling

The Data Grid control features on-the-fly data retrieval as you scroll, ensuring high performance at all times by minimizing the amount of data transmitted to the device and used at any given time.

 

Selection

The Data Grid control supports Single and Multi-Row Selection, enabling scenarios like highlighting a row or a master/detail view.

 

Data Grid Configurator

The control configurators shave hours off development time. No need to learn a complex API—just point and click to visually configure your entire WYSIWYG grid. Visually configure your entire grid in a WYSIWYG point-and-click experience. Allow your designers to style controls interactively and visually to get a pixel-perfect render of their design intent.

 

Visually Configure Your Data Grid

Use the Ribbon and Properties editor to visually customize almost every aspect of your data grid – from the column type, sort actions, selection mode, animations, column property settings, and more. All without needing to know anything about the API of the data grid! Even better, the configurator will read any changes you make in XAML and update the properties with our full two-way XAML parser.

 

Sort and Select

Set the column sorting with single-field, multiple-field and tri-state combinations and single or multi-row selection modes quickly and visually with the Ribbon Gallery items.

 

Customize Your Columns

Use the Ribbon Gallery to quickly customize the formatting of your data grid columns, including data type, header and row alignment, and sample data values.

 

Bind Data Instantly

Use the Binding Editor to easily set a binding for a control, including binding mode, custom converter and string formatting. We’ve even provided a handy formatter so you don’t need to think about how you need to display your values.

 

Configure Multiple Columns at One Time

Select a single column to customize its specific properties, or select multiple columns to quickly apply Backgrounds, Colors, Font Size and Alignment as a group.

 

Format Column Strings

Use one of our pre-set string formats or use your own to easily change the displayed formatting of your column data.

 

Ensure Correct Colors

Conveniently modify color properties like Header Text Color, Text Color, Background Color and more with the visual color editors.

 

• Chart

• Render large sets of data with the best-performing data charts
• Includes Area, Bar, Financial, Sparkline and many other business charts
• Highlight trends with interactive series charts

 

Xamarin Data Chart

Use the Xamarin Data Chart control to display your data in multiple series and types, with animated transitions, and with modular design capabilities for legend, axis, markers, series, trend lines, and interaction layers.

 

Animated Transitions

Choose from eighteen different animated entrance transitions based on the movement and direction of animated data points. Transitions include accordion from side or axis, expansion from value midpoints, zero value or reference value, sweep from side or axis, and more. Once displayed, you can also add transitions with easing functions to bring your data to life.

 

Financial Series

Take control of your financial charting scenarios with support for both Candlestick and OHLC bar charts, as well as built-in technical indicators like Moving Averages, Bollinger Bands, Money Flow Index, MACD, Wilder's RSI and many more.

 

Scatter Series

Create scientific charts to show relationship among items in distinct data sets or plot data items using x and y coordinates. The Scatter Series let you draw attention to uneven intervals or clusters of data and can highlight the deviation of collected data from predicted results. You can use Scatter Series to organize data chronologically--even if the data is not in chronological order.

 

Polar Series

Create unique polar charts and plot data in polar (angle, radius) coordinate system instead of the Cartesian (x, y) coordinate system to show the relationship among items in distinct data sets that have directional components such as wind direction and speed, magnetic field strength and direction, or solar system object location.

 

Radial Series

Create radial charts to show data value extension from a center or chart outwards rather than plotting data in the standard (x, y) coordinate system. Use these chart series to show and compare financial data in new and interesting ways.