color: Colors.yellow
),
child:
Text(“rotate”),
),
),
Text(“演示用”)
],
)
),
Padding(
padding: EdgeInsets.only(
top: 20.0
),
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.red
),
child: Transform.scale(
scale: 1.5,
child: Text(“scale”),
),
),
),
Row(
children: [
Padding(
padding: EdgeInsets.only(
top: 20.0
),
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.red
),
child: RotatedBox(
quarterTurns: 1,
child: Text(“RotatedBox”),
),
),
),
Text(“演示用”)
],
)
],
)
)
)
);
}
}
2.解释源代码
import ‘package:flutter/material.dart’;
import ‘dart:math’ as math;
void main () => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.white,
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
DecoratedBox(
decoration: BoxDecoration(color: Colors.lightBlue),
//Transform 使用
child: Transform(
//相对于坐标系原点的对齐方式
alignment: Alignment.topRight,
//沿Y轴倾斜0.3弧度
transform: Matrix4.skewY(0.3),
child: DecoratedBox(
decoration: BoxDecoration(color: Colors.orange),
child: Text(“Transform”),
),
),
),
Padding(
padding: EdgeInsets.only(
top: 20.0
),
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.red
),
//默认原点为左上角,左移10像素,向上平移10像素
child: Transform.translate(
offset: Offset(-10,-10),
child: Text(“Translate”),
),
),),
Padding(
padding: EdgeInsets.only(
top: 20.0
),
child: Row(
children: [
//import ‘dart:math’ as math; 先导包,再使用math
Transform.rotate(
//旋转90度
angle: math.pi/2,
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.yellow
),
child:
Text(“rotate”),
),
),
Text(“演示用”)
],
)
),
Padding(
padding: EdgeInsets.only(
top: 20.0
),
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.red
),
//放大1.5倍
child: Transform.scale(
scale: 1.5,
child: Text(“scale”),
),
),
),
Row(
children: [
Padding(
padding: EdgeInsets.only(
top: 20.0
),
child: DecoratedBox(
decoration: BoxDecoration(
color: Colors.red
),
//和Transform.rotate功能相似,但有不同,具体看效果图演示用的文字距离
child: RotatedBox(
//旋转90度(1/4圈)
quarterTurns: 1,
child: Text(“RotatedBox”),
),
),
),
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
w-1715803058787)]
[外链图片转存中…(img-DMVNXXsS-1715803058788)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!