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 =
“https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1545122324077&di=1b5986ad937c81c41f4c135ea1a9a026&imgtype=0&src=http%3A%2F%2Fe.hiphotos.baidu.com%2Fzhidao%2Fwh%253D450%252C600%2Fsign%3Df719f9458f01a18bf0be1a4bab1f2b3e%2Fc2fdfc039245d688a8f2cdcdacc27d1ed31b24e2.jpg”;
return MaterialApp(
debugShowCheckedModeBanner: false,
title: “Container”,
home: Scaffold(
appBar: new AppBar(
title: new Text(“Container”),
),
body: new Container(
//外边距,值为一个 EdgeInsets 对象
margin: EdgeInsets.all(30.0),
//内间距,值为一个 EdgeInsets 对象
padding: EdgeInsets.fromLTRB(30.0, 0, 0, 0),
//Alignment.topLeft:垂直靠顶部水平靠左对齐。
//Alignment.topCenter:垂直靠顶部水平居中对齐。
//Alignment.topRight:垂直靠顶部水平靠右对齐。
//Alignment.centerLeft:垂直居中水平靠左对齐。
//Alignment.center:垂直和水平居中都对齐。
//Alignment.centerRight:垂直居中水平靠右对齐。
//Alignment.bottomLeft:垂直靠底部水平靠左对齐。
//Alignment.bottomCenter:垂直靠底部水平居中对齐。
//Alignment.bottomRight:垂直靠底部水平靠右对齐。
alignment: Alignment.centerLeft,
//装饰,背景边框等,不能与color属性同时设置,会被child覆盖
decoration: new BoxDecoration(
color: new Color(0xFFFF0000),
//背景边框
border: new Border.all(
color: new Color(0xFFFFFF00),
width: 5),
//边框圆角
borderRadius: new BorderRadius.only(
topLeft: new Radius.circular(5.0),
topRight: new Radius.circular(10.0),
bottomLeft: new Radius.circular(15.0),
bottomRight: new Radius.circular(20.0)),
//渐变效果,覆盖color
gradient: new LinearGradient(colors: [
new Color(0xFFFFDEAD),
new Color(0xFF98FB98),
new Color(0xFF6495ED)
]),
//阴影效果
boxShadow: [new BoxShadow(color:Color(0xFFFF0000),blurRadius: 5.0)],
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
最后
都说三年是程序员的一个坎,能否晋升或者提高自己的核心竞争力,这几年就十分关键。
技术发展的这么快,从哪些方面开始学习,才能达到高级工程师水平,最后进阶到Android架构师/技术专家?我总结了这 5大块;
我搜集整理过这几年阿里,以及腾讯,字节跳动,华为,小米等公司的面试题,把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind(实际上比预期多花了不少精力),包含知识脉络 + 分支细节。
网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
2021年虽然路途坎坷,都在说Android要没落,但是,不要慌,做自己的计划,学自己的习,竞争无处不在,每个行业都是如此。相信自己,没有做不到的,只有想不到的。祝大家2021年万事大吉。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
- 分支细节。
[外链图片转存中…(img-HDNIIosH-1713315874005)]
[外链图片转存中…(img-jTCZRtMs-1713315874006)]
[外链图片转存中…(img-FzvllarD-1713315874007)]
网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
2021年虽然路途坎坷,都在说Android要没落,但是,不要慌,做自己的计划,学自己的习,竞争无处不在,每个行业都是如此。相信自己,没有做不到的,只有想不到的。祝大家2021年万事大吉。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!