首页 > 其他分享 >5、图标组件

5、图标组件

时间:2023-11-07 15:56:15浏览次数:28  
标签:IconData fonts myIcon MyIcons book 组件 图标

Icon(Icons.search,color: Colors.red,size: 40),
 图 标 官 网 Flutter

Flutter中借助阿里巴巴图标库自定义字体图标

1. 导入字体图标文件;
  fonts:
    - family: myIcon  #根据自己的需求定义
      fonts:
        - asset: fonts/iconfont.ttf
2、 为了使用方便,我们定义一个 MyIcons 类,功能和 Icons 类一样
class MyIcons{
// book 图标
static const IconData book = IconData(
0xe614,
fontFamily: 'myIcon',
matchTextDirection: true
);
// 微信图标
static const IconData wechat = IconData(
0xec7d,
fontFamily: 'myIcon',
matchTextDirection: true
);
}
3、 使用
Icon(MyIcons.book,color: Colors.purple),

 

标签:IconData,fonts,myIcon,MyIcons,book,组件,图标
From: https://www.cnblogs.com/xbinbin/p/17814796.html

相关文章

  • 输入法图标(语言栏)不见了怎么办
    1:右键点击任务栏,工具栏,勾选语言栏。如果没有,操作下边。2:双击我的电脑,控制面板,语言和区域选项,语言,详细信息,语言栏,勾选在桌面显示语言栏,确定。如果没有,操作下边。3:双击我的电脑,控制面板,语言和区域选项,语言,详细信息,已安装的服务(取消高级服务前的勾),点击键盘图标,添加,简体中文/美式键盘......
  • 界面组件Telerik UI for WinForms中文教程 - 如何自定义应用程序文件窗口?
    TelerikUIforWinForms包含了一个高度可定制的组件,它取代了.NET中默认的OpenFileDialog。在下一个更新版本中,会发布一个向对话框浏览器提那家自定义位置的请求功能,本文演示了这个和另一个自定义功能,它可以帮助用户在浏览文件夹时快速选择最后修改的文件,自定义将根据最近的日期/......
  • 这次写一下inkscape这个矢量工具的使用,怎么使用shapebuilder, 作为一个设计师应该如何
    绘图工具常用的大家都知道,一般图像有web类型,位图,压缩图,原图,矢量图,而矢量图保存东西是用的矢量保存的,所以在拉伸等变换的时候会基于矢量方向计算,所以填充等总是均匀的,不像位图,拉伸时就会是使图像中的位点变稀疏,图像变得不清晰。这里adobe的photoshop是一个调色工具,这里要记得,虽然p......
  • Azure Data Factory(十)Data Flow 组件详解
    一,引言随着大数据技术的不断发展,数据处理和分析变得越来越重要。为了满足企业对数据处理的需求,微软推出了AzureDataFactory(ADF),它是一个云端的数据集成服务,用于创建、安排和管理数据工作流。在本文中,我们将重点介绍AzureDataFactory的数据流(DataFlow),以及它如何帮助......
  • 组件多插槽的使用
    <BtnHandle:eventBtn="eventBtn"><templatev-for="(_,slotKey,slotIndex)in$slots":key="slotIndex"#[slotKey]="slotData">......
  • Jemeter组件
     Jemeter组件图  Jemeter组件介绍 Jemeter取样器 Jemeter断言 Jemeter监听器 Jemeter前置处理器 Jemeter配置元件 Jemeter后置处理器 Jemeter逻辑处理器 Jemeter定时器 Jemeter线程组......
  • 记录--Vue3基于Grid布局简单实现一个瀑布流组件
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言在学习Grid布局之时,我发现其是CSS中的一种强大的布局方案,它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,在刷某书和某宝首页时,我们发现其展示方式就是一种瀑布流,是一种流行的网站页面布局......
  • 计算机配置 — 管理模板 — Windows 组件 — 数据收集和预览版本 对应 注册表 位置
    @echooff::切换对预览体验成员内部版本的用户控制regadd"HKLM\SOFTWARE\Policies\Microsoft\WindowsPreviewBuilds"/vAllowBuildPreview/tREG_DWORD/d1/f::允许商业数据管道regadd"HKLM\SOFTWARE\Policies\Microsoft\Windows\DataCollection"/vCommerc......
  • vuejs3.0 从入门到精通——组件传值方法——兄弟组件之间的传值
    兄弟组件之间的传值 A组件-->父组件-->B组件一、组件安装npminstallmitt-Smkdir-pvVITE-PROJECT/plugin/Bus.jsecho"importmittfrom'mitt';constemitter=mitt();exportdefaultemitter;">> VITE-PROJECT/plugin/Bus.js一、A组件二、父组件三、B......
  • el-select 下拉框全选、多选的几种方式组件
    组件一、基础多选<template><el-selectv-model="value1"multipleplaceholder="请选择"><el-optionv-for="iteminoptions":key="item.value":label="item.label":value=&qu......