2.3 常用属性

| 属性名 | 说明 | 取值 |

| :-: | :-: | :-: |

| alignment | 设置子控件的对齐方式 | AlignmentGeometry对象 |

| padding | 设置容器的内边距 | EdgeInsetsGeometry对象 |

| color | 容器的背景颜色 | Color对象 |

| decoration | 容器的修饰属性(不能与Color通知设置) | Decoration对象 |

| foregroundDecoration | 前景修饰 | Decoration对象 |

| width | 容器宽度 | double对象 |

| height | 容器高度 | double对象 |

| constraints | 子组件的约束 | BoxConstraints对象 |

| margin | 容器的外边距 | EdgeInsetsGeometry对象 |

| transform | 容器变换属性(旋转、缩放等) | Matrix4对象 |

| transformAlignment | 容器变换对齐方式 | AlignmentGeometry对象 |

| child | 子组件 | Widget对象 |

三 示例


3.1 文字

只有子控件,没有任何参数

Container(child: Text(‘文字’,style:TextStyle(fontSize: 26),),)

[外链图片转存中…(img-VGEJ9CMZ-1713341217893)]

设置背景色

Container(

color: Colors.blue,

child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),),

[外链图片转存中…(img-tZOvKyqM-1713341217896)]

padding和margin

Container(

color: Colors.blue,

child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),

padding: EdgeInsets.all(20),

margin: EdgeInsets.all(30),

)

[外链图片转存中…(img-G9dJ2FrB-1713341217898)]

Decoration 装饰(背景)

Container(

child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),

padding: EdgeInsets.symmetric(horizontal: 10),

decoration: BoxDecoration(

shape: BoxShape.rectangle,

borderRadius: BorderRadius.all(Radius.circular(20)),

color: Colors.blue

),

),

[外链图片转存中…(img-VF86cAip-1713341217899)]

Decoration 装饰(边框)

Container(

child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),

padding: EdgeInsets.symmetric(horizontal: 10),

decoration: BoxDecoration(

borderRadius: BorderRadius.circular(12),

border: Border.all(

color: Colors.blue,

width: 2,

),

),

),

transform 变换

Container(

child: Text(‘文字’,style:TextStyle(fontSize: 26) ,),

transform: Matrix4.skewX(10),

),

3.2 图片

圆角图片

Container(

height: 200,

width: 200,

decoration: BoxDecoration(

image: DecorationImage(

image: AssetImage(“images/flutter.png”),

fit: BoxFit.cover,

),

border: Border.all(

color: Colors.blue,

width: 2,

),

borderRadius: BorderRadius.circular(12),

),

),

[外链图片转存中…(img-RpkC1mRO-1713341217907)]

圆形图片

Container(

height: 200,

width: 200,

decoration: BoxDecoration(

image: DecorationImage(

image: AssetImage(“images/flutter.png”),

fit: BoxFit.cover,

),

border: Border.all(

color: Colors.blue,

width: 2,

),

shape: BoxShape.circle,

),

),

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

结尾

最后,针对上面谈的内容,给大家推荐一个Android资料,应该对大家有用。

首先是一个知识清单:(对于现在的Android及移动互联网来说,我们需要掌握的技术)

泛型原理丶反射原理丶Java虚拟机原理丶线程池原理丶
注解原理丶注解原理丶序列化
Activity知识体系(Activity的生命周期丶Activity的任务栈丶Activity的启动模式丶View源码丶Fragment内核相关丶service原理等)
代码框架结构优化(数据结构丶排序算法丶设计模式)
APP性能优化(用户体验优化丶适配丶代码调优)
热修复丶热升级丶Hook技术丶IOC架构设计
NDK(c编程丶C++丶JNI丶LINUX)
如何提高开发效率?
MVC丶MVP丶MVVM
微信小程序
Hybrid
Flutter

接下来是资料清单:(敲黑板!!!


1.数据结构和算法

2.设计模式

3.全套体系化高级架构视频;七大主流技术模块,视频+源码+笔记

4.面试专题资料包(怎么能少了一份全面的面试题总结呢~)

不论遇到什么困难,都不应该成为我们放弃的理由!共勉~

如果你看到了这里,觉得文章写得不错就给个赞呗?如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足。谢谢。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

存中…(img-08QzdzUE-1713341217919)]

4.面试专题资料包(怎么能少了一份全面的面试题总结呢~)

[外链图片转存中…(img-UuVh7M5D-1713341217920)]

不论遇到什么困难,都不应该成为我们放弃的理由!共勉~

如果你看到了这里,觉得文章写得不错就给个赞呗?如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足。谢谢。

[外链图片转存中…(img-T8vRkhwP-1713341217922)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐