阿里图标库(C#Avalonia实战—引用阿里图标库)

一、效果展示

运行效果

nerror="javascript:errorimg.call(this);">

字体图标加入项目

nerror="javascript:errorimg.call(this);">

引用图标

nerror="javascript:errorimg.call(this);">

文本框里显示图标

nerror="javascript:errorimg.call(this);">

二、代码展示

App.axaml

<Application xmlns="https://github.com/avaloniaui"             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"             x:Class="AvaloniaApplication5.App"             xmlns:sty="using:FluentAvalonia.Styling"             RequestedThemeVariant="Default">  <Application.Styles>    <sty:FluentAvaloniaTheme />  </Application.Styles>  <Application.Resources>    <FontFamily x:Key="iconfont">avares://AvaloniaApplication5/Assets/#iconfont</FontFamily>  </Application.Resources></Application>

LoginWindow.axaml

<Window xmlns="https://github.com/avaloniaui"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"        xmlns:ui="using:FluentAvalonia.UI.Controls"        xmlns:vm="using:AvaloniaApplication5.ViewModels"        xmlns:local="using:AvaloniaApplication5.Views"        xmlns:Lan="clr-namespace:AvaloniaApplication5.Common.Util"        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"        x:Class="AvaloniaApplication5.Views.LoginWindow"        Title="登录页面">  <Border>    <Panel>      <DockPanel          Grid.Row="1"          Grid.Column="1"          Margin="10,10,10,80"          HorizontalAlignment="Center"          VerticalAlignment="Center">        //静态资源引用        <TextBox            FontFamily="{StaticResource iconfont}"            Margin="0,12"            Padding="3"            DockPanel.Dock="Top"            FontSize="14"            UseFloatingWatermark="True"            Watermark=" 用户名" />        <TextBox            FontFamily="{StaticResource iconfont}"            Margin="0,12"            Classes.revealPasswordButton="True"            DockPanel.Dock="Top"            FontSize="14"            PasswordChar="*"            UseFloatingWatermark="True"            Watermark=" 密码" />        <Button            FontFamily="{StaticResource iconfont}"            Width="200"            Margin="0,10"            Padding="5"            Classes="accent"            Content=" 登录"            FontSize="14" />      </DockPanel>    </Panel>  </Border></Window>

三、图标字体下载

iconfont官网

nerror="javascript:errorimg.call(this);">

我的图标

nerror="javascript:errorimg.call(this);">

我的项目

nerror="javascript:errorimg.call(this);">

创建项目

nerror="javascript:errorimg.call(this);">

打开阿里官方免费图标

nerror="javascript:errorimg.call(this);">

把喜欢的图标添加入库

nerror="javascript:errorimg.call(this);">

然后把图标添加到项目

nerror="javascript:errorimg.call(this);">

选择项目

nerror="javascript:errorimg.call(this);">

添加成功

nerror="javascript:errorimg.call(this);">

下载到本地

nerror="javascript:errorimg.call(this);">

上位机李工

一起学习编程，助力每一个梦想！

273篇原创内容

公众号

C#Avalonia实战—创建项目

C#Avalonia实战—安装模板

C#Avalonia串口通讯Linux部署测试

C# AvaloniaUI实现跨平台多语言串口通讯

VS2022 C#跨平台开发Avalonia安装

C#.Net8+Avalonia跨平台桌面应用开发