2026/1/8 7:47:57
网站建设
项目流程
新网站怎样做好外链,销售平台排名,800字以上网站设计方案,如何注册公司名称文章目录 前言一、使用二、官方Icon图库的引入 前言
Icon是compose中专门用来展示小图标的组件#xff0c;传统的View体系中没有对应的控件#xff0c;该组件支持三种不同类型的图片设置#xff1a;imageVector矢量图(可显示SVG格式的图标)、ImageBitmap位图(可显示JPG、PN…文章目录前言一、使用二、官方Icon图库的引入前言Icon是compose中专门用来展示小图标的组件传统的View体系中没有对应的控件该组件支持三种不同类型的图片设置imageVector矢量图(可显示SVG格式的图标)、ImageBitmap位图(可显示JPG、PNG等格式图标)、Painter自定义画笔(可直接用画笔再Canvas上绘制图标也可以同res/下的图片资源)一、使用运行结果如图常用的三种设置图标方式Column(){//垂直排列的布局//加载矢量图Icon(imageVectorImageVector.vectorResource(R.drawable.icon_favorite_svg),收藏矢量图,//无障碍描述tintColor.Red)//对矢量图的颜色改变//加载jpg/png图Icon(bitmapImageBitmap.imageResource(R.drawable.icon_favorite_bitmap),收藏的位图,tintColor.Unspecified// 关键禁用默认的黑色色调,因为该图片是黑色轮廓透明背景)//加载任意类型图标Icon(painterpainterResource(R.drawable.icon_favorite_svg),contentDescription收藏的任意类型资源)}二、官方Icon图库的引入Material 包有很多预置的矢量图标通常可以直接调用该库中的矢量图进行设置Material 包每个图标都提供了五种风格可供使用包括 Filled OutlinedRoundedSharpTwo tone 等都可以通过 Icons.xxx.xxx 的方式调用具体可参考如下Icon(imageVectorIcons.Default.CheckCircle,//官方默认的矢量图库,只提供部分图标contentDescription无障碍描述,tintColor.Red//图标颜色的设置)Icon(imageVectorIcons.Outlined.CheckCircle,//勾勒轮廓类型contentDescription无障碍描述)Icon(imageVectorIcons.Filled.CheckCircle,//图形填充类型contentDescription无障碍描述)Icon(imageVectorIcons.Rounded.CheckCircle,//端点均为圆角类型contentDescription无障碍描述)Icon(imageVectorIcons.Sharp.CheckCircle,//端点均为尖角类型contentDescription无障碍描述)Icon(imageVectorIcons.TwoTone.CheckCircle,//双色配合角类型contentDescription无障碍描述)注Material 包只提供了部分图标,更多需要可引入扩展库implementation“androidx.compose.material:material-icons-extended:$compose_version”(与当前项目版本号一致即可)Material版本号情况查询https://central.sonatype.com/search?qmaterial-icons-extendedMaterial设计库全部图标查询https://fonts.google.com/icons?selectedMaterialSymbolsOutlined:translate:FILL0;wght400;GRAD0;opsz24icon.size24icon.color%231f1f1ficon.platformandroidicon.querytranslate可在该库中找到所需矢量图根据其命名找到对应图标—