第6课：界面元素
进度 0/30
🧱
界面元素
认识搭界面的乐高积木
📖知识引入
🔘按钮 Button
界面里的「行动入口」：确定、取消、发送……按钮长得就该像能点的样子：圆角矩形、有颜色、按下去有反馈。
📝文本 Text
显示文字的元素：标题要大、正文要读着舒服。字号一般14-18，太小眯眼、太大占屏。文字是界面的「声音」。
🖼️图片 Image
一张图胜过千言：头像、商品图、背景图都靠它。图片要说清楚长宽比例，不然会被拉伸变形。
⌨️输入框 TextInput
让用户打字的框框：登录页的账号密码、聊天框、搜索栏都是它。要给用户提示语：「请输入手机号」。
📋列表 List
同样的内容重复出现就用列表：微信的聊天列表、抖音的视频流。列表像复印机，一个模子印一排，滚多少页都不卡。
💡
界面四积木：按钮、文本、图片、输入框——所有APP都是它们拼出来的！
🔍拆解计算器的界面
一个计算器APP用了哪些积木？
┌──────────────┐ │ 12 + 34 │ ← 文本（显示屏） ├──────────────┤ │ C ⌫ ÷ │ │ 7 8 9 ×│ ← 按钮×16个 │ 4 5 6 −│ （数字键+运算键） │ 1 2 3 ＋│ │ 0 . ＝ │ └──────────────┘
数一数： 文本×1 + 按钮×16 = 界面完成！
再复杂的APP也一样： 打开你最喜欢的APP， 试试把它拆成这四种积木， 你会发现界面魔法被破解了！🔍
🎯小测验
第1题：「让用户输入手机号」应该用哪种元素？
第2题：微信的聊天页面大量使用了哪种元素？
第3题：按钮被按下时最好有什么？
📝本课知识点
- ✓四大元素：按钮、文本、图片、输入框
- ✓列表用于重复内容的流畅展示
- ✓文字层级：标题大、正文适中
- ✓图片要定好比例防止变形
- ✓所有APP界面都是元素拼出来的
第6课完成！继续探索下一课吧 🚀