|
7 | 7 | xmlns:sharp="clr-namespace:Nlnet.Sharp" |
8 | 8 | xmlns:travel="clr-namespace:Nlnet.Sharp.Icon.Travel;assembly=Nlnet.Sharp.Magic.App.Iconfont" |
9 | 9 | Title="{Binding Source={x:Static sharp:AssemblyVersionProvider.Version}, StringFormat=Nlnet Sharp Iconfont Generator | v{0}}" |
10 | | - Width="800" |
| 10 | + Width="830" |
11 | 11 | Height="500" |
12 | 12 | FontSize="18" |
13 | 13 | Icon="Assets/Magic.ico" |
|
83 | 83 | <StackPanel Margin="0,20" /> |
84 | 84 | </ItemsPanelTemplate> |
85 | 85 | </TabControl.ItemsPanel> |
| 86 | + |
86 | 87 | <TabControl.ContentTemplate> |
87 | 88 | <DataTemplate> |
88 | 89 | <ScrollViewer Content="{Binding}" /> |
|
91 | 92 |
|
92 | 93 | <TabItem Header="About"> |
93 | 94 | <StackPanel Spacing="20"> |
94 | | - <Image Width="120" |
95 | | - HorizontalAlignment="Left" |
96 | | - Source="Assets/Magic.Clean.png" /> |
| 95 | + <Grid ColumnDefinitions="Auto,40,*,20,Auto"> |
| 96 | + <Image Height="120" |
| 97 | + HorizontalAlignment="Left" |
| 98 | + Source="Assets/Magic.Clean.png" /> |
| 99 | + |
| 100 | + <Border Grid.Column="1" |
| 101 | + Width="1" |
| 102 | + HorizontalAlignment="Center" |
| 103 | + Background="LightGray" /> |
| 104 | + |
| 105 | + <StackPanel Grid.Column="2"> |
| 106 | + <TextBlock Margin="0,0,0,10" |
| 107 | + FontSize="24" |
| 108 | + FontWeight="Bold" |
| 109 | + Text="Promotion" /> |
| 110 | + <TextBlock> |
| 111 | + <Run>We have created a</Run> |
| 112 | + <Run FontWeight="Bold" Foreground="MediumVioletRed">powerful devtools</Run> |
| 113 | + <Run>for Avalonia. A free trial plan is available now. Visit our</Run> |
| 114 | + <Button Classes="Link Website" |
| 115 | + Click="ButtonVisitWebsite_OnClick" |
| 116 | + Content="website" |
| 117 | + Tag="https://www.devtools.nlnet.net/" /> |
| 118 | + <Run>to learn more.</Run> |
| 119 | + </TextBlock> |
| 120 | + </StackPanel> |
| 121 | + <Image Grid.Column="4" |
| 122 | + Height="120" |
| 123 | + Margin="20,0" |
| 124 | + HorizontalAlignment="Left" |
| 125 | + Source="Assets/DevTools.png" /> |
| 126 | + </Grid> |
| 127 | + |
| 128 | + |
97 | 129 | <TextBlock TextWrapping="Wrap"> |
98 | 130 | <Run>We provide an ability to generate icon classes from iconfont.json which comes from</Run> |
99 | 131 | <Button Classes="Link Website" |
100 | | - Click="ButtonOpenIconfontWebsite_OnClick" |
101 | | - Content="https://www.iconfont.cn/." /> |
| 132 | + Click="ButtonVisitWebsite_OnClick" |
| 133 | + Content="https://www.iconfont.cn/" |
| 134 | + Tag="https://www.iconfont.cn/" /> |
102 | 135 | <Run Text="Some other sites those have the ability to generate iconfont will be supported soon if you file an issue." /> |
103 | 136 | <LineBreak /> |
104 | 137 | <LineBreak /> |
|
112 | 145 | <Run BaselineAlignment="Center">If you like it, please give a star to us on</Run> |
113 | 146 | <Button VerticalAlignment="Center" |
114 | 147 | Classes="Link Icon" |
115 | | - Click="ButtonOpenProjectUrlWebsite_OnClick" |
| 148 | + Click="ButtonVisitWebsite_OnClick" |
116 | 149 | Content="{Black GitHub}" |
117 | | - FontSize="28" /> |
| 150 | + FontSize="28" |
| 151 | + Tag="https://github.com/liwuqingxin/Magic.Icon" /> |
118 | 152 | <Run BaselineAlignment="Center" Text=". Thank you for that!" /> |
119 | 153 | </TextBlock> |
| 154 | + |
120 | 155 | </StackPanel> |
121 | 156 | </TabItem> |
122 | 157 |
|
|
246 | 281 | <Run Text="You can use the FontManagerOptions to control the text's FontFamily." /> |
247 | 282 | <Run Text="The last line is clipped. It is not recommended to use it." /> |
248 | 283 | </TextBlock> |
249 | | - <TextBlock Text="{Food 彩椒, Prefix='The icon is', Suffix='and it is also named 彩椒.'}" /> |
250 | | - <TextBlock Text="{Food 咖啡, Suffix='This is Coffee (咖啡).'}" /> |
251 | | - <TextBlock Text="{Food 布丁, Suffix='This is Pudding (布丁).'}" /> |
252 | | - <TextBlock Text="{Food 树莓, Suffix='This is Raspberry (树莓).'}" /> |
| 284 | + <TextBlock Text="{Food 彩椒, Prefix='The icon is', Suffix='and it is also named 彩椒.'}" /> |
| 285 | + <TextBlock Text="{Food 咖啡, Suffix='This is Coffee (咖啡).'}" /> |
| 286 | + <TextBlock Text="{Food 布丁, Suffix='This is Pudding (布丁).'}" /> |
| 287 | + <TextBlock Text="{Food 树莓, Suffix='This is Raspberry (树莓).'}" /> |
253 | 288 |
|
254 | 289 | <TextBlock Text="Use Run to combine icons and texts. In this way, FontFamily of icons and texts does not interact each other." /> |
255 | 290 | <Border BorderBrush="Red" BorderThickness="1"> |
256 | | - <TextBlock> |
| 291 | + <TextBlock> |
257 | 292 | <Run FontSize="24" Text="{Food 奥利奥}" /> |
258 | | - <Run Text="This is Oreo (奥利奥)." /> |
259 | | - <Run FontSize="48" Text="{Food 树莓}" /> |
260 | | - <Run Text="This is Raspberry (树莓)." /> |
261 | | - </TextBlock> |
| 293 | + <Run Text="This is Oreo (奥利奥)." /> |
| 294 | + <Run FontSize="48" Text="{Food 树莓}" /> |
| 295 | + <Run Text="This is Raspberry (树莓)." /> |
| 296 | + </TextBlock> |
262 | 297 | </Border> |
263 | 298 |
|
264 | 299 | <TextBlock Text="Also we can have more controls on them, like 'BaselineAlignment'." /> |
265 | 300 | <Border BorderBrush="Red" BorderThickness="1"> |
266 | | - <TextBlock> |
| 301 | + <TextBlock> |
267 | 302 | <Run BaselineAlignment="Center" |
268 | 303 | FontSize="24" |
269 | 304 | Text="{Food 奥利奥}" /> |
270 | | - <Run BaselineAlignment="Center" Text="This is Oreo (奥利奥)." /> |
271 | | - <Run BaselineAlignment="Baseline" |
| 305 | + <Run BaselineAlignment="Center" Text="This is Oreo (奥利奥)." /> |
| 306 | + <Run BaselineAlignment="Baseline" |
272 | 307 | FontSize="48" |
273 | 308 | Text="{Food 树莓}" /> |
274 | | - <Run BaselineAlignment="Center" Text="This is Raspberry (树莓)." /> |
275 | | - </TextBlock> |
| 309 | + <Run BaselineAlignment="Center" Text="This is Raspberry (树莓)." /> |
| 310 | + </TextBlock> |
| 311 | + </Border> |
| 312 | + <Border BorderBrush="Red" BorderThickness="1"> |
| 313 | + <TextBlock> |
| 314 | + <Run BaselineAlignment="Center" Text="{Food 奥利奥}" /> |
| 315 | + <Run BaselineAlignment="Center" Text="This is Oreo (奥利奥)." /> |
| 316 | + <Run BaselineAlignment="Baseline" Text="{Food 树莓}" /> |
| 317 | + <Run BaselineAlignment="Center" Text="This is Raspberry (树莓)." /> |
| 318 | + </TextBlock> |
276 | 319 | </Border> |
277 | 320 | <Border BorderBrush="Red" BorderThickness="1"> |
278 | | - <TextBlock> |
279 | | - <Run BaselineAlignment="Center" Text="{Food 奥利奥}" /> |
280 | | - <Run BaselineAlignment="Center" Text="This is Oreo (奥利奥)." /> |
281 | | - <Run BaselineAlignment="Baseline" Text="{Food 树莓}" /> |
282 | | - <Run BaselineAlignment="Center" Text="This is Raspberry (树莓)." /> |
283 | | - </TextBlock> |
284 | | - </Border> |
285 | | - <Border BorderBrush="Red" BorderThickness="1"> |
286 | | - <TextBlock FontSize="12"> |
| 321 | + <TextBlock FontSize="12"> |
287 | 322 | <Run Text="{Food 橙子}" /> |
288 | 323 | <Run Text="This is Raspberry (树莓)." /> |
289 | | - </TextBlock> |
| 324 | + </TextBlock> |
290 | 325 | </Border> |
291 | 326 |
|
292 | 327 | <TextBlock Text="If you use Nlnet.Sharp.Magic.Icon package in nuget, you can use 'IconTextBlock' which has a Icon property." /> |
|
0 commit comments