You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# Xceed is excited to introduce its new Toolkit for MAUI!
28
39
29
40
We're thrilled to introduce our new Toolkit for MAUI, an open-source and free version that includes additional controls and features to supplement the existing "basic controls". Our goal is to provide developers with the tools they need to create exceptional user experiences.
@@ -37,6 +48,109 @@ For those familiar with WPF, this toolkit will feel familiar, and we've made eve
37
48
Currently, the toolkit includes a range of controls, with more to come in the future. These controls include an improved Border, Button, RepeatButton, ButtonSpinner, a series of NumericUpDown, ToggleButton, ContentControl, Card control, all these controls includes 48 accent colors for each control. We're committed to continually improving and updating the toolkit to meet the evolving needs of developers.
38
49
39
50
Thank you for considering Xceed's Toolkit for MAUI. We're excited to see what you create with it! Meanwhile, here’s more information on the controls we provide:
Our Chart Control allows you to build simple and beautiful charts with very little effort. You can customize the following elements :
59
+
60
+
- Horizontal and vertical Axis,
61
+
- Show grid lines,
62
+
- Modify ticks text,
63
+
- Switch from Bar or Line chart,
64
+
- Multiple series in one chart,
65
+
- Redifine de datapoint Markers,
66
+
- Create a custom legend.
67
+
68
+
Here's a quick code sample to get you started:
69
+
70
+
````xaml
71
+
<xctk:Chartx:Name="MyChart"
72
+
Grid.Row="1">
73
+
<xctk:Chart.HorizontalAxis>
74
+
<xctk:AxisTickLabelType="Text" />
75
+
</xctk:Chart.HorizontalAxis>
76
+
<xctk:Chart.Series>
77
+
<xctk:Seriesx:Name="FirstSeries">
78
+
<xctk:Series.DataPoints>
79
+
<xctk:DataPointText="0"
80
+
Y="44" />
81
+
<xctk:DataPointText="1"
82
+
Y="64" />
83
+
<xctk:DataPointText="2"
84
+
Y="60" />
85
+
<xctk:DataPointText="3"
86
+
Y="32" />
87
+
<xctk:DataPointText="4"
88
+
Y="52" />
89
+
<xctk:DataPointText="5"
90
+
Y="72" />
91
+
<xctk:DataPointText="6"
92
+
Y="32" />
93
+
</xctk:Series.DataPoints>
94
+
</xctk:Series>
95
+
</xctk:Chart.Series>
96
+
</xctk:Chart>
97
+
````
98
+
99
+
<aid="colorcanvas"></a>
100
+
### Color Canvas
101
+
102
+
The ColorCanvas control facilitates intuitive color selection in applications. It offers a simple graphical interface with including ColorSpectrum for seamless color picking.
The TextBox control is a versatile input element offering advanced features not available in the basic controls in MAUI. Including :
109
+
110
+
- Underline Removal: Option to remove underlines typically associated with standard text input controls.
111
+
112
+
- Corner Radius Customization: Ability to set corner radius for rounded or customized corners, enhancing visual appeal.
113
+
114
+
- Border Customization: Modify border properties, including thickness and color, to suit application design.
115
+
116
+
- Non-proportional ClearButton: A ClearButton that does not follow proportional sizing, providing design flexibility.
117
+
118
+
- Custom Watermark: Support for diverse watermark types instead of just strings, offering a more dynamic UI.
119
+
120
+
- ClearButton Styling: Ability to style the ClearButton to match the overall design of the application.
121
+
122
+
<aid="switch"></a>
123
+
### Toggle Switch
124
+
125
+
The ToggleSwitch is an advanced control that enhances the standard Switch from the MAUI framework. Allowing customization of size, borders, content, and thumb appearance based on the Checked or Unchecked state. Here's a quick list of features:
126
+
127
+
- Ability to set a size as well as BorderThickness, BorderBrush, CornerRadius
128
+
- Modify elements when Checked/Unchecked (Background, ThumbContent, Content)
129
+
- Configure the Thumb (Background, BorderBrush, BorderThickness, Content)
130
+
- Choose the side when Checked
131
+
- and of course all features that area already available in the MAUI Switch control.
132
+
133
+
<aid="expander"></a>
134
+
### Expander
135
+
136
+
The Expander is a versatile control designed to improve the user interface by enabling the expansion and collapse of content in either a downward or upward direction. It provides a clean and intuitive way to manage and display additional information, enhancing user experience and interface organization. Users can easily expand to view more details or collapse to save space, offering flexibility in how information is presented within the application.
137
+
138
+
To use, simply set the content property on the control to what you wish, you can use the header property to change the button's caption.
0 commit comments