Flutter里有一个非常重要的核心理念：一切皆为组件，Flutter所有的元素皆由组件组成。接下来让我们来认识两个基础组件——Text，Container
| 属性 | 说明 |
| — | :-: |
| textAlign | 文本水平方向对齐方式，取值有center、end、justify、left、right、start、values |
| textDirection | 从左到右使用TextDirection.ltr，从右到左使用TextDirection.rtl |
| textScaleFactor | 字体缩放系数，如：如果此属性设置的值为1.5，那么字体会放大150% |
| textSpan | 文本块，TextSpan里可以包含文本内容及样式 |
| data | 要显示的文本 |
| maxLines | 文本显示的最大行数 |
| style | 文本样式，可定义文本的字体大小、颜色、粗细等 |
TextStyle style
| 属性 | 说明 |
| — | :-: |
| TextDecoration decoration | 绘制文本装饰；下划线（TextDecoration.underline）上划线（TextDecoration.overline）删除线（TextDecoration.lineThrough）无（TextDecoration.none） |
| Color decorationColor | 绘制文本装饰的颜色 |
| FontStyle fontStyle | 字体变体：FontStyle.italic 使用斜体FontStyle.normal 使用直立 |
| double height | 文本行与行的高度，作为字体大小的倍数（取值1~2，如1.2） |
| Locale locale | 此属性很少设置，用于选择区域特定字形的语言环境 |
构造方法1：用于创建一个单一格式的 Text
Text(String data, { Key key, TextStyle style, TextAlign textAlign, TextDirection textDirection, Locale locale, bool softWrap, TextOverflow overflow, double textScaleFactor, int maxLines, String semanticsLabel })
使用构造方法1，对上述属性进行运用，示例如下：
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
Paint backgroundPaint = new Paint();
backgroundPaint.color = new Color(0xFFFFFFFF);
List shadowList = new List();
shadowList.add(new Shadow(
//阴影颜色
color: new Color(0xFFFF0000),
//模糊程度
blurRadius: 2.0));
return MaterialApp(
debugShowCheckedModeBanner: false,
title: ‘Text widget’,
home: Scaffold(
appBar: new AppBar(
title: new Text(‘Text widget’),
),
body: new Text(
//单一格式文本框，第一个参数为文本内容
“我是一段测试文本Hello World!我是一段测试文本 Hello World!我是一段测试文本 Hello World!我是一段测试文本 Hello World!我是一段测试文本 Hello World!”,
//文字对齐方式，文本开始位置对齐，类似左对齐
textAlign: TextAlign.start,
//文字方向
textDirection: TextDirection.ltr,
//文字最多显示行数
maxLines: 3,
//当文本内容超过最大行数时，剩余内容的显示方式，相当于Android 的 ellipsize 属性
overflow: TextOverflow.ellipsis,
//文本样式
style: new TextStyle(
//文字颜色，值为一个 Color 对象
color: new Color(0xFF000000),
//添加装饰物：下划线
decoration: TextDecoration.underline,
//设置装饰物的颜色，值为一个 Color 对象
decorationColor: new Color(0xFF00FFFF),
//设置装饰物的样式，装饰线为虚线
decorationStyle: TextDecorationStyle.dashed,
//字体大小
fontSize: 20.0,
//字体样式：斜体
fontStyle: FontStyle.italic,
//字体字重，常用值有 FontWeight.bold（加粗）
fontWeight: FontWeight.bold,
inherit: false,
//字间距，值为 double 类型
letterSpacing: 2.0,
//文字阴影，值为一个 Shadow 集合
shadows: shadowList,
//文本基线：用于对齐字母字符的字形底部的水平线
textBaseline: TextBaseline.ideographic,
//字体间距
wordSpacing: 10.0,
//行高
height: 2.0),
),
),
);
}
}
运行结果如下：
构造方法2：用于创建一个富文本的 Text
Text.rich(TextSpan textSpan, { Key key, TextStyle style, TextAlign textAlign, TextDirection textDirection, Locale locale, bool softWrap, TextOverflow overflow, double textScaleFactor, int maxLines, String semanticsLabel })
使用构造方法2，对上述属性进行运用，示例如下：
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
Paint backgroundPaint = new Paint();
backgroundPaint.color = new Color(0xFFFFFFFF);
List shadowList = new List();
shadowList.add(new Shadow(
//阴影颜色
color: new Color(0xFFFF0000),
//模糊程度
blurRadius: 2.0));
return MaterialApp(
debugShowCheckedModeBanner: false,
title: ‘Text widget’,
home: Scaffold(
appBar: new AppBar(
title: new Text(‘Text widget’),
),
body: new Text.rich(
//富文本文本框构造方法，可以显示多种样式的text，第一个参数为 TextSpan
new TextSpan(
text: “我是一段测试文本”,
//文字样式，如果后面的子 TextSpan 没有覆盖该 TextStyle 中的属性，则使用该 TextStyle 指定的样式
style: new TextStyle(
//文字颜色，整体的文字颜色，如果后面的子 TextSpan 没有覆盖该属性，则使用该文字颜色
color: new Color(0xFF000000),
fontSize: 20.0,
decoration: TextDecoration.underline),
//子TextSpan，可以指定多个
children: [
new TextSpan(
text: “Hello”,
style: new TextStyle(
color: new Color(0xFFFF0000),
fontSize: 30.0,
fontStyle: FontStyle.italic)),
new TextSpan(
text: “World”,
style: new TextStyle(
color: new Color(0xFFFFFF00),
fontSize: 40.0,
fontWeight: FontWeight.bold)),
]),
textDirection: TextDirection.ltr,
),
),
);
}
}
运行结果如下：
可以看到我们给Text设置的各种属性基本都呈现出来了
Container是一种常用的控件，由负责布局、绘画、定位和大小调整的几个控件组成，具体来说，Container是由LimitedBox、ConstrainedBox、 Align、Padding、DecoratedBox和Transform控件组成，而不是将Container子类化来产生自定义效果。
| 属性 | 说明 |
| — | :-: |
| padding | 内边距 |
| margin | 外边距 |
| decoration | 装饰 BoxDecoration类型 |
| width | 容器宽 |
| height | 容器高 |
| constraints | 应用于子元素的附加约束 |
| child | 容器子元素 |
| color | 背景色 |
| topCenter | 顶部居中对齐 |
| topLeft | 顶部左对齐 |
| topRight | 顶部右对齐 |
| center | 水平垂直居中对齐 |
| centerLeft | 垂直居中水平居左对齐 |
| centerRight | 垂直居中水平居右对齐 |
| bottomCenter | 底部居中对齐 |
| bottomLeft | 底部居左对齐 |
| bottomRight | 底部居右对齐 |
对上述属性进行运用，示例如下：
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
var imgUrl =
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）
文末
对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。
最后想要拿高薪实现技术提升薪水得到质的飞跃。最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以为了大家能够顺利进阶中高级、架构师，我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。
当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。
进阶学习视频
附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
构师教程，保证你学了以后保证薪资上升一个台阶。
当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的。
进阶学习视频
[外链图片转存中…(img-YqNEgphK-1712620419284)]
附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）
[外链图片转存中…(img-fdqoZLGy-1712620419285)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
446
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
