📱 UI 设计基础

  1. 布局类型

    • LinearLayout:线性排列,适合简单结构
    • ConstraintLayout:灵活约束,复杂界面首选
    • GridLayout:网格布局,适用于卡片式设计
    • RelativeLayout:相对定位,已逐步被ConstraintLayout替代
  2. 组件样式

    • TextView:文本显示,支持多种字体和颜色
    • Button:交互控件,可自定义背景和边框
    • ImageView:图片展示,支持GIF和矢量图
  3. 主题与样式

    • 使用 styles.xml 定义全局主题
    • 推荐学习 Material Design 以掌握现代设计规范

🛠️ 常用设计工具

  • Android Studio:内置布局编辑器,实时预览效果
  • Figma:设计原型并导出XML资源
  • Sketch:适合UI草图绘制,需配合代码实现

🖼️ 图片示例

Material_Design
ConstraintLayout
UI_Principles

📚 扩展阅读

📌 提示:设计时注意遵循Material Design组件规范,提升用户体验和视觉一致性。