shape: Shape = MaterialTheme.shapes.small,
border: BorderStroke? = null,
colors: ButtonColors = ButtonDefaults.buttonColors(),
contentPadding: PaddingValues = ButtonDefaults.ContentPadding,
content: @Composable RowScope.() -> Unit
) {
…
}
- content 是表示Button的内容。比如里面可以是一个Text
@Preview()
@Composable
fun buttonTest(){
val context = LocalContext.current
Column(modifier = Modifier.padding(10.dp,10.dp)) {
Button(
onClick = {
Toast.makeText(context,“点击了登录”,Toast.LENGTH_SHORT).show()
}
){
Text(text = stringResource(id = R.string.login))
}
}
}
- modifier 修饰符 可以参考文章Modifier用法详解
@Preview()
@Composable
fun buttonTest(){
val context = LocalContext.current
Column(modifier = Modifier.padding(10.dp,10.dp)) {
Button(
onClick = {
Toast.makeText(context,“点击了登录”,Toast.LENGTH_SHORT).show()
},
modifier= Modifier.size(80.dp, 40.dp).clip(RoundedCornerShape(20.dp)),
enabled = true
){
Text(text = stringResource(id = R.string.login))
}
}
}
@Preview()
@Composable
fun buttonTest(){
val context = LocalContext.current
Column(modifier = Modifier.padding(10.dp,10.dp)) {
Button(
onClick = {
Toast.makeText(context,“点击了登录”,Toast.LENGTH_SHORT).show()
},
modifier= Modifier.size(80.dp, 40.dp).clip(RoundedCornerShape(20.dp)),
enabled = true,
border = BorderStroke(1.dp,color = Color.Black)
){
Text(text = stringResource(id = R.string.login))
}
}
}
@Preview()
@Composable
fun buttonTest(){
val context = LocalContext.current
val interactionSource = remember {
MutableInteractionSource()
}
val pressState = interactionSource.collectIsPressedAsState()
val borderColor = if (pressState.value) Color.Green else Color.Black
Column(modifier = Modifier.padding(10.dp,10.dp)) {
Button(
onClick = {
Toast.makeText(context,“点击了登录”,Toast.LENGTH_SHORT).show()
},
modifier= Modifier.size(80.dp, 40.dp).clip(RoundedCornerShape(20.dp)),
enabled = true,
border = BorderStroke(1.dp,color = borderColor),
interactionSource = interactionSource
){
Text(text = stringResource(id = R.string.login))
}
}
}
- shape 形状 比如我们可以设置RoundedCornerShape(20)圆角20dp
@Preview()
@Composable
fun buttonTest(){
val context = LocalContext.current
val interactionSource = remember {
MutableInteractionSource()
}
val pressState = interactionSource.collectIsPressedAsState()
val borderColor = if (pressState.value) Color.Green else Color.Black
Column(modifier = Modifier.padding(10.dp,10.dp)) {
Button(
onClick = {
Toast.makeText(context,“点击了登录”,Toast.LENGTH_SHORT).show()
},
modifier= Modifier.size(80.dp, 40.dp).clip(RoundedCornerShape(20.dp)),
enabled = true,
border = BorderStroke(1.dp,color = borderColor),
interactionSource = interactionSource,
shape = RoundedCornerShape(20),
elevation = ButtonDefaults.elevation(2.dp,8.dp,0.dp)
){
Text(text = stringResource(id = R.string.login))
}
}
}
@Preview()
@Composable
fun buttonTest(){
val context = LocalContext.current
val interactionSource = remember {
MutableInteractionSource()
}
val pressState = interactionSource.collectIsPressedAsState()
val borderColor = if (pressState.value) Color.Green else Color.Black
Column(modifier = Modifier.padding(10.dp,10.dp)) {
Button(
onClick = {
Toast.makeText(context,“点击了登录”,Toast.LENGTH_SHORT).show()
},
modifier= Modifier.size(80.dp, 40.dp).clip(RoundedCornerShape(20.dp)),
enabled = true,
border = BorderStroke(1.dp,color = borderColor),
interactionSource = interactionSource,
elevation = ButtonDefaults.elevation(2.dp,8.dp,0.dp),
shape = RoundedCornerShape(20),
colors = ButtonDefaults.buttonColors(backgroundColor = Color.Red,contentColor = Color.Yellow,disabledBackgroundColor = Color.DarkGray,disabledContentColor = Color.Black)
){
Text(text = stringResource(id = R.string.login))
}
}
}
-
contentPadding 通过 PaddingValues()去设置。默认是ButtonDefaults.ContentPadding。表示内容的内边距。 PaddingValues有如下几个方法
-
PaddingValues(all) all表示上下左右都用该边距
-
PaddingValues(horizontal: Dp, vertical: Dp)
-
PaddingValues( start: Dp = 0.dp, top: Dp = 0.dp, end: Dp = 0.dp, bottom: Dp = 0.dp)
@Preview()
@Composable
fun buttonTest(){
val context = LocalContext.current
val interactionSource = remember {
MutableInteractionSource()
}
val pressState = interactionSource.collectIsPressedAsState()
val borderColor = if (pressState.value) Color.Green else Color.Black
Column(modifier = Modifier.padding(10.dp,10.dp)) {
Button(
onClick = {
Toast.makeText(context,“点击了登录”,Toast.LENGTH_SHORT).show()
},
modifier= Modifier.size(80.dp, 40.dp).clip(RoundedCornerShape(20.dp)),
enabled = true,
border = BorderStroke(1.dp,color = borderColor),
interactionSource = interactionSource,
elevation = ButtonDefaults.elevation(2.dp,8.dp,0.dp),
shape = RoundedCornerShape(20),
colors = ButtonDefaults.buttonColors(backgroundColor = Color.Red,contentColor = Color.Yellow,disabledBackgroundColor = Color.DarkGray,disabledContentColor = Color.Black),
contentPadding = ButtonDefaults.ContentPadding
// 或者是contentPadding = PaddingValues(4.dp)
){
Text(text = stringResource(id = R.string.login))
}
}
}
二:IconButton的用法
IconButton的构造方法如下
@Composable
fun IconButton(
onClick: () -> Unit,
modifier: Modifier = Modifier,
enabled: Boolean = true,
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
content: @Composable () -> Unit
){
…
}
- onClick 点击回调
- modifier 修饰符
- enabled 是否可用
- content 该控件包含的内容
- interactionSource 跟Button一样,可以根据不同状态去处理一些逻辑。比如按下时候如何,没有按下时候如何。
如下举例。比如IconButton是一个左边是+的icon,右边是文本的控件。该文本如果按下时候是显示减少,不按下显示添加。
@Preview()
@Composable
fun iconButtonTest(){
val context = LocalContext.current
val interactionSource = remember {
MutableInteractionSource()
}
val pressState = interactionSource.collectIsPressedAsState()
val pressText = if(pressState.value) “减少” else “添加”
Column(modifier = Modifier.padding(10.dp,10.dp)) {
IconButton(
onClick = {
Toast.makeText(context,“点击了添加”,Toast.LENGTH_SHORT).show()
},
modifier = Modifier.size(80.dp,40.dp).clip(RoundedCornerShape(20)),
enabled = true,
interactionSource = interactionSource
){
Row(verticalAlignment=Alignment.CenterVertically) {
Icon(imageVector = Icons.Filled.Add, contentDescription = “添加的按钮”,tint = Color.Red)
Text(text = pressText,fontSize = 8.sp)
}
}
}
}
三:FloatingActionButton和ExtendedFloatingActionButton的用法
FloatingActionButton是Material风格的控件,默认是浮动在右下角的圆形控件。FloatingActionButton的构造函数方法如下:
@Composable
fun FloatingActionButton(
onClick: () -> Unit,
modifier: Modifier = Modifier,
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
shape: Shape = MaterialTheme.shapes.small.copy(CornerSize(percent = 50)),
backgroundColor: Color = MaterialTheme.colors.secondary,
contentColor: Color = contentColorFor(backgroundColor),
elevation: FloatingActionButtonElevation = FloatingActionButtonDefaults.elevation(),
content: @Composable () -> Unit
){
…
}
- onClick 点击回调
- modifier 修饰符
- interactionSource 跟上面一样,处理不同状态的
- shape 形状
- backgroundColor 背景颜色
- contentColor内容颜色
- elevation阴影
- content 内容控件(其实ExtendedFloatingActionButton就是在该内容里添加了一个Row,Row里放了个文本跟Icon)
@Preview()
@Composable
fun floatingActionButtonTest(){
val context = LocalContext.current
val interactionSource = remember {
MutableInteractionSource()
}
val pressState = interactionSource.collectIsPressedAsState()
val pressText = if(pressState.value) “减少” else “添加”
Column(modifier = Modifier.padding(10.dp,10.dp)) {
FloatingActionButton(
onClick = {
Toast.makeText(context,“点击了按钮”,Toast.LENGTH_SHORT).show()
},
modifier = Modifier.size(80.dp),
interactionSource = interactionSource,
shape = RoundedCornerShape(25.dp),
backgroundColor = Color.Green,
contentColor = Color.Blue,
elevation = FloatingActionButtonDefaults.elevation(defaultElevation=8.dp,pressedElevation = 10.dp)
){
Row(verticalAlignment=Alignment.CenterVertically) {
Icon(imageVector = Icons.Filled.Add, contentDescription = “Add”,tint = Color.Red)
Spacer(modifier = Modifier.width(10.dp))
Text(text = “按钮”,fontSize =12.sp,color = Color.White)
}
}
}
ExtendedFloatingActionButton是FloatingActionButton的扩展 ExtendedFloatingActionButton的构造方法如下
@Composable
fun ExtendedFloatingActionButton(
text: @Composable () -> Unit,
onClick: () -> Unit,
modifier: Modifier = Modifier,
icon: @Composable (() -> Unit)? = null,
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
shape: Shape = MaterialTheme.shapes.small.copy(CornerSize(percent = 50)),
backgroundColor: Color = MaterialTheme.colors.secondary,
contentColor: Color = contentColorFor(backgroundColor),
elevation: FloatingActionButtonElevation = FloatingActionButtonDefaults.elevation()
) {
…
}
- text显示的文本控件
- onClick 点击回调
- modifier 修饰符
- icon 显示的icon控件
- interactionSource 跟上面一样,处理不同状态的
- shape 形状
- backgroundColor 背景颜色
- contentColor内容颜色
- elevation阴影 通过FloatingActionButtonDefaults.elevation(defaultElevation,pressedElevation)设置,第一个参数是默认阴影,第二个是按下时候的阴影
@Preview()
@Composable
fun extendedFloatingActionButtonTest(){
val context = LocalContext.current
val interactionSource = remember {
MutableInteractionSource()
}
val pressState = interactionSource.collectIsPressedAsState()
val pressText = if(pressState.value) “减少” else “添加”
Column(modifier = Modifier.padding(10.dp,10.dp)) {
ExtendedFloatingActionButton(text = { Text(text = pressText,fontSize =12.sp,color = Color.White)},onClick = {
Toast.makeText(context,“点击了按钮”,Toast.LENGTH_SHORT).show()
},
// modifier = Modifier.size(50.dp),
icon ={
Icon(imageVector = Icons.Filled.Add, contentDescription = “Add”,tint = Color.Red)
},
interactionSource = interactionSource,
shape = RoundedCornerShape(25.dp),
backgroundColor = Color.Green,
contentColor = Color.Blue,
elevation = FloatingActionButtonDefaults.elevation(defaultElevation=8.dp,pressedElevation = 10.dp))
}
}
四:IconToggleButton的用法
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
![](https://i-blog.csdnimg.cn/blog_migrate/efdfb89575a90598ade6f6bea161d1de.jpeg)
最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上我搜集整理的2019-2021BATJ 面试真题解析,我把大厂面试中常被问到的技术点整理成了PDF,包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。
《960全网最全Android开发笔记》
《379页Android开发面试宝典》
历时半年,我们整理了这份市面上最全面的安卓面试题解析大全
包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。
如何使用它?
1.可以通过目录索引直接翻看需要的知识点,查漏补缺。
2.五角星数表示面试问到的频率,代表重要推荐指数
《507页Android开发相关源码解析》
只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。
真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。
腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析
资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。
真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。
[外链图片转存中…(img-0Kacb378-1712570217611)]
腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析
[外链图片转存中…(img-VFXLtYqY-1712570217611)]
资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!