当前位置: 首页 > news >正文

网站制作加教程视频四川全网推网络推广

网站制作加教程视频,四川全网推网络推广,广州疫情防控最新规定,哪个网站可以做制图兼职文章目录 前言Button 是什么?Button的创建Button显示水平方向的UI IconButton是什么?IconButton是创建 FloatingActionButton是什么?FloatingActionButton创建 ExtendedFloatingActionButton是什么? 总结 前言 随着移动端的技术不…

文章目录

  • 前言
    • Button 是什么?
      • Button的创建
      • Button显示水平方向的UI
    • IconButton是什么?
      • IconButton是创建
    • FloatingActionButton是什么?
      • FloatingActionButton创建
    • ExtendedFloatingActionButton是什么?
  • 总结


前言

随着移动端的技术不断更新迭代,Compose也运用的越来越广泛,很多人都开始学习Compose

本文主要介绍Button的含义和基本用法


Button 是什么?

Button是按照Material Design风格来实现的,一个按钮组件

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun Button(onClick: () -> Unit,                         //点击事件modifier: Modifier = Modifier,               //修饰符enabled: Boolean = true,                     //是否启用shape: Shape = ButtonDefaults.shape,         //定义按钮形状和填充颜色colors: ButtonColors = ButtonDefaults.buttonColors(),           //按钮颜色elevation: ButtonElevation? = ButtonDefaults.buttonElevation(), //按钮阴影border: BorderStroke? = null,                                   //按钮边框contentPadding: PaddingValues = ButtonDefaults.ContentPadding,  //按钮间距interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, //监听组件状态的事件源content: @Composable RowScope.() -> Unit     //按钮的作用域
)

Button的创建

Button(onClick = {  }) {Text(text = "确认")
}

注:onClick 是必选项,用于响应用户点击事件,content 也是必选项,用于显示Button的UI

Button显示水平方向的UI

Button(onClick = {  }) {Icon(imageVector = Icons.TwoTone.Done,contentDescription = null,modifier = Modifier.size(ButtonDefaults.IconSize))Spacer(modifier = Modifier.size(ButtonDefaults.IconSpacing))Text(text = "确认")
}

注:content: @Composable RowScope.() -> UnitRowScope 为水平方向作用域

IconButton是什么?

IconButton 是一个可点击的图标,一般都需要再IconButton组件提供一个图标组件

@Composable
fun IconButton(onClick: () -> Unit,              //点击事件modifier: Modifier = Modifier,    //修饰符enabled: Boolean = true,          //是否启用colors: IconButtonColors = IconButtonDefaults.iconButtonColors(), //图标按钮颜色interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },   //监听组件状态的事件源content: @Composable () -> Unit //作用域
)

IconButton是创建

IconButton(onClick = { },modifier = Modifier.size(16.dp)) {Icon(imageVector =Icons.Filled.Close,contentDescription = "关闭")
}

FloatingActionButton是什么?

FloatingActionButton是一个悬浮按钮,需要提供Icon组件

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun FloatingActionButton(onClick: () -> Unit,           //点击事件modifier: Modifier = Modifier, //修饰符shape: Shape = FloatingActionButtonDefaults.shape, //定义按钮形状和填充颜色containerColor: Color = FloatingActionButtonDefaults.containerColor, //按钮颜色contentColor: Color = contentColorFor(containerColor),      //图标颜色elevation: FloatingActionButtonElevation = FloatingActionButtonDefaults.elevation(),//阴影interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, //监听组件状态的事件源content: @Composable () -> Unit, //作用域
)

FloatingActionButton创建

FloatingActionButton(onClick = { }) {Icon(Icons.Filled.KeyboardArrowUp, contentDescription = null)
}

ExtendedFloatingActionButton是什么?

ExtendedFloatingActionButton是带有文字的悬浮框,和FloatingActionButton区别就是可以带有文字

ExtendedFloatingActionButton(onClick = { }, icon = { Icon( imageVector = Icons.Filled.Favorite, contentDescription = null)},text ={ Text(text = "添加到我喜欢")} 
)

总结

  1. Button是一个按钮组件
  2. IconButton是一个图标按钮组件
  3. FloatingActionButton是一个悬浮按钮,可以带有图标
  4. ExtendedFloatingActionButton是一个悬浮按钮,可以带有图标和文字
http://www.15wanjia.com/news/1308.html

相关文章:

  • 菜单宣传网站怎么做有哪些平台可以免费发广告
  • 前端培训班seo综合查询怎么用的
  • 做视频后期的网站杭州seo排名优化外包
  • 贵州省政府网站建设规范标准今日头条新闻手机版
  • 英文网站支付怎么做上海网络排名优化
  • 开发一套网站多少钱百度竞价点击一次多少钱
  • 吴桥网站建设谷歌play商店官网
  • 青岛响应式网站推广软文
  • 哪家公司做网站建设比较好网上营销培训课程
  • 定兴做网站的自己怎么开网站
  • 石家庄做网站哪家好东莞百度快速优化排名
  • 做图标去什么网站找怎样给自己的网站做优化
  • wordpress0商业网站成都业务网络推广平台
  • 国内知名设计网站培训机构哪家好
  • 十大免费音乐网站做抖音seo排名软件是否合法
  • 海口个人建站模板外贸seo是什么意思
  • 苏州网站建设制作工作室百度首页登录
  • 如何给网站做301跳转东莞网站建设seo
  • 做网站英语老师的简历培训教育机构
  • 昆明电子商务网站建设网站首页排名
  • 衡水做网站哪儿好企查查在线查询
  • 湖北城乡建设委员会的网站宁波如何做seo排名优化
  • 衡水做wap网站建设网站建设哪个公司好
  • 网站备案 法人代表合肥网络推广网络运营
  • 动软代码生成器 做网站想建立自己的网站怎么建立
  • 做软装找产品上哪个网站如何优化网站排名
  • 做营销的网站济南网站设计
  • 政府网站开发程序员2023年最新新闻摘抄
  • 网站建设一条龙营销方式和营销策略
  • 企业网站内容如何搭建太原seo外包服务