right: ViewUtils.currentWidth(48.0)),
margin: EdgeInsets.only(
top: marginTb, left: marginLr, right: marginLr, bottom: marginTb),
decoration: BoxDecoration(//边框颜色+圆角
color: Colors.white,
borderRadius: BorderRadius.all(
Radius.circular(ViewUtils.currentWidth(40.0)),
),
),
),
);
}
流式布局wrap每一项布局样式+圆角背景(BoxDecoration,borderRadius)+文本(Text)+点击事件( GestureDetector\onTap)
@override
Widget build(BuildContext context) {
double marginLr = ViewUtils.currentWidth(50.0);
double marginTb = ViewUtils.currentHeight(300.0);
return Container(
color: Color(0x80000000),
child: Container(
padding: EdgeInsets.only(
left: ViewUtils.currentWidth(48.0),
right: ViewUtils.currentWidth(48.0)),
margin: EdgeInsets.only(
top: marginTb, left: marginLr, right: marginLr, bottom: marginTb),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_label(context),
Container(
padding: EdgeInsets.only(
bottom: ViewUtils.currentHeight(30.0),
top: ViewUtils.currentHeight(30.0)),
child: Text(
“颜色”,
style: TextStyle(
fontSize: 22.0,
color: Color(0xFF6D7278),
decoration: TextDecoration.none),
),
),
Wrap(
spacing: ViewUtils.currentWidth(20.0),
runSpacing: ViewUtils.currentHeight(20.0),
children: _widgets(this),
),
],
),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(
Radius.circular(ViewUtils.currentWidth(40.0)),
),
),
),
);
}
List colors = [“银色”, “金色”, “深空灰”, “暗夜绿”];
List colorCheck = [true, false, false, false];
Widget _colorLvItem(index) {
Radius radius = Radius.circular(ViewUtils.currentHeight(40.0));
return GestureDetector(
onTap: () {
setState(() {
for (int i = 0; i < colorCheck.length; i++) {
colorCheck[i] = (i == index);
}
ViewUtils.toast(context,colors[index]);
});
},
child: Container(
padding: EdgeInsets.only(
top: ViewUtils.currentHeight(10.0),
bottom: ViewUtils.currentHeight(10.0),
left: ViewUtils.currentWidth(44.0),
right: ViewUtils.currentWidth(44.0)),
decoration: new BoxDecoration(
color: Color(colorCheck[index] ? 0xFFFFCA59 : 0x4F1E1E1E),
borderRadius: BorderRadius.all(radius),
),
child: Text(
colors[index],
style: TextStyle(
color: Color(0xFFffffff),
fontSize: 16.0,
decoration: TextDecoration.none),
),
),
);
}
List _widgets(State state) {
return colors.asMap().keys.map((index) => _colorLvItem(index)).toList();
}
GestureDetector+onTap()+setState()缺一不可:
如果没有setState,我们就无法去动态修改颜色数组的值:
若取消setState,效果如何呢?
我们点击其他标签切换颜色的时候没有颜色变化了。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
最后
只要是程序员,不管是Java还是Android,如果不去阅读源码,只看API文档,那就只是停留于皮毛,这对我们知识体系的建立和完备以及实战技术的提升都是不利的。
真正最能锻炼能力的便是直接去阅读源码,不仅限于阅读各大系统源码,还包括各种优秀的开源库。
腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析
资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
括各种优秀的开源库。
[外链图片转存中…(img-C9JkRiKs-1712262737786)]
腾讯、字节跳动、阿里、百度等BAT大厂 2019-2021面试真题解析
[外链图片转存中…(img-mZwV65uT-1712262737786)]
资料太多,全部展示会影响篇幅,暂时就先列举这些部分截图