Android Studio - Layout 极简

工具的使用可以看 这篇，更新的可能和原来相比有点点变化，问题不大

这篇主要介绍一下Android上简单的控件布局。用了很多Android Developers的文档，为了方便贴的中文。不过建议看的时候去看看原版，中文名词翻译有的就很难受，这里我把名词基本都换成英文了

Layouts

首先（不怎么准确的）说一下名字里带view和带layout的区别，简单来说view用来实际呈现内容，layout决定他们在界面上怎么呈现出来，包括位置、动画等逻辑。下面是官方介绍

Layout可定义应用中的界面结构（例如 Activity 的界面结构）。布局中的所有元素均使用 View 和 ViewGroup 对象的层次结构进行构建。View 通常绘制用户可查看并进行交互的内容。而ViewGroup 是不可见容器container，用于定义 View 和其他 ViewGroup 对象的布局结构，如图

viewgroup

View对象通常称为widgets，可以是众多子类之一，例如 Button 或 TextView。ViewGroup 对象通常称为layouts，可以是提供其他布局结构的众多类型之一，例如 LinearLayout 或 ConstraintLayout。

有两种声明布局的方法

• XML布局文件
  可将应用外观代码与控制其行为的代码分开。使用 XML 文件还有助于为不同屏幕尺寸和屏幕方向提供不同布局
• 运行时实例化
  代码中实现并调整属性

XML

XML即ExtentsibleMarkup Language(可扩展标记语言) ，是一种跨平台的，与软、硬件无关的，处理与传输信息的工具。严格区分大小写，具有严格树状结构（对比看起来很像但实际本质不同的html）。

每个layout文件都必须只包含一个根元素，并且该元素必须是View对象或 ViewGroup 对象

保存在res/layout/目录

编译应用时，系统会将每个 XML 布局文件编译成 View 资源。在 Activity.onCreate() 回调实现内加载应用代码中的布局资源，通过调用 setContentView()，并以 R.layout.*layout_file_name* 形式向应用代码传递布局资源的引用。启动 Activity 时，Android 框架会调用 Activity 中的 onCreate() 回调方法

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_layout);
}

Attributes

• id
• layout_somthing
• ...

常见Layout & View

• LinearLayout
• RelativeLayout
• ConstraintLayout
• 使用Adapter的布局
  • ListView
  • RecyclerView
  • GridView
• TextView
• ImageView
• Button
• CardView
• 进阶：自定义
• ...

写个Demo？

稍微进阶：使用intent和onClickListener实现点击Button跳转功能

Button button = (Button) findViewById(R.id.button_send);
button.setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
        Intent i = new Intent(FirstActivity.this, SecondAcitivity.class);
        startActivity(i);
    }
});

喜闻乐见的作业环节

极其简单的作业：贾宝玉的个人主页

InitActivity里一个简单的你好按钮，点击跳转到MineActivity展示贾宝玉的个人信息，包括头像、名字、个人介绍，以及并排的三个按钮，点击后分别Toast随便一句话。欢迎加入更多操作，想加多少加多少

---

唠叨几句，刚开始不熟悉可以拖控件放上去，但是最好不要这么搞…一是看起来不怎么优雅，二是容易造成硬核代码，奇怪margin之类的

说起来硬核代码，xml里写硬核代码看着实在是太气人了orz十分不可取。就比如为了居中手写margin、相对位置关系混乱一看就是全程拖放控件、命名不规范语法错误不修正、或者缩进混乱一个control+alt+L都舍不得按...预览的时候看不太出来，表面光鲜亮丽风平浪静，看代码能把你气的吐血（）就十分不可取，一定要注意这些简单的细节。交作业的时候有这类问题我会私戳提醒的哦（凶（别害怕emm（不对，要害怕。凶。硬核代码谁愿意看啊 谁愿意看谁看反正我不看 =n=

也别太靠预览定布局，因为需要适配的屏幕具体数据是动态的，写布局看起来简单但是逻辑也需要清晰鲁棒。