Android中所有的UI控件都继承自View,在开始介绍View的基本属性之前,先学习一下Android是如何添加一个视图控件的。
在iOS中往某个界面上添加一个控件有两种方式:
1.使用xib或者storyboard,往可视化界面上拖一个控件(比如UIlabel,然后设置好frame和内容)即可。
2.使用代码创建一个UIlabel实例,然后调用[addSubView:]将label实例添加到界面的view上即可。

而Android其实也有两种方式:
1.也是在某个Activity对应的xml文件的Design模式上,拖一个控件上去(其实,我们更多的是在xml的Text的模式下,手写xml文件,添加一个控件对应的xml)。
2.在Activity对应的java文件中,创建一个控件实例,然后添加到该Activity对应的xml文件上即可。

后面会有代码和截图介绍这两种创建方式。

控件的id

如果我们需要在代码逻辑中修改某个控件的属性,那么用xml添加完视图后,我们就需要在.java文件中获取这个控件,而界面上可能会有很多个同类型的控件,那么我们就需要给每一个控件设置一个id。

<Button
    android:id="@+id/testBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="这是按钮" />

而.java中获取该控件的代码是这样的:

Button testButton = (Button) findViewById(R.id.testBtn);

控件的宽高

控件宽高的值,实际上是两种状态(wrap_content、match_parent)和固定值。
wrap_content 表示控件的宽或高是:内容的所占的宽或高。
match_parent 表示控件的宽或高等于父视图的宽或高(低版本的Android叫fill_parent)。
固定值,比如100dp、150dp这样的固定数据。

// 表示控件的宽高为内容的宽和高
android:layout_width="wrap_content"
android:layout_height="wrap_content"

// 表示控件的宽高为父视图的宽高
android:layout_width="match_parent"
android:layout_height="match_parent"

// 控件的宽为200,高为100。
android:layout_width="200dp"
android:layout_height="100dp"

注意点:
px(像素):一般表示分辨率,比如图片的分辨率是100x100px。再比如现在的手机大多都是1080*1920,但是如果我们设置控件的宽高为px的话,就没办法适配其他型号的手机了,所以现在很少用px来表示控件的宽高了。
dp:在介绍dp前要先介绍一下屏幕像素密度:相同尺寸情况下,分辨率越高,屏幕越清晰,即屏幕像素密度越大。屏幕像素密度指每英寸上面的像素点个数,单位是dpi,是“dot per inch”的缩写。
而dp即密度无关像素:单位dip或dp,是Density Independent Pixels的缩写,Android规定,在屏幕像素密度为160dpi的情况下,1dp=1px。而在像素密度为320dpi的情况下,1dp=2px,以此类推。计算公式:1dp=(像素密度/160dpi)*1px。这个dp就类似iOS中宽高的概念了,不同的设备1dp所表示的分辨率是不一样的,设置宽高为dp时,就能更好的适配不同尺寸的屏幕。
sp:主要用来设置文本字体的大小。

控件的背景

Android的控件背景可以是16进制的颜色,也可以是图片。

// 用16进制颜色设置控件背景
android:background="#F00"

知识点:
Android中颜色的表示法有很多种,比如RGB、ARGB、RRGGBB、AARRGGBB。

控件的可见性

该属性有三种状态值:gone、visible、invisible。

android:visibility="invisible"

gone 与invisible的区别是:gone 表示控件不可见,也不会占任何的位置,也不会有任何响应。
而invisible表示控件虽然不可见,但是会占据它的宽高位置。

举例:

<Button
        android:id="@+id/testBtn"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:text="这是按钮1" />
    <Button
        android:id="@+id/testBtn2"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:text="这是按钮2"
        android:visibility="gone" />
    <Button
        android:id="@+id/testBtn3"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:text="这是按钮3"
        android:visibility="invisible" />
    <Button
        android:id="@+id/testBtn4"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:text="这是按钮4"
        android:visibility="visible" />

android databinding 控件与model绑定 android label控件_android

控件的外边距

学习过HTML的都会知道CSS里的盒模式有个外边距和内边距。
外边距可以设置视图距离父视图上下左右的距离。
内边距可以设置视图内部内容距离自己边框上下左右的距离。
Android 的控件布局其实也用的是这个盒模式。

如果距离父视图上下左右的外边距相同,可以这么设置:

android:layout_margin="10dp"

当然,我们也可以单独的设置某个外边距:

android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"

API26,也就是Android 8.0之后新添加了这两个属性

android:layout_marginHorizontal="10dp"
android:layout_marginVertical="10dp"

控件的内边距

上面已经介绍过内边距的含义了,这里就直接介绍用法吧。

统一设置上下左右内边距:

android:padding="5dp"

各自设置内边距:

android:paddingTop="5dp"
android:paddingBottom="5dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"

当然API26开始也设置了两个新属性:

android:paddingHorizontal="5dp"
android:paddingVertical="5dp"

点击事件

其实,Android所有的UI控件都有点击事件,因为这个事件是基类View就具有的。

android:onClick="test"

而这里的test是方法名,需要定义在对应的Activity内,而且必须定义公有方法。

public void test(Button btn) {
    // 这里执行点击事件逻辑
}

代码创建控件,并添加到界面视图上

使用XML创建视图,并获取某个控件的方式,在上面讲id这个基本属性时已经介绍过了。

这里补充一下用代码创建,并添加到视图上的方式:

// 创建一个文本控件
TextView textView = new TextView(this);
textView.setTextSize(40);
textView.setText("Hello Android");
// 获取控件的布局对象
LinearLayout.LayoutParams lp = textView.getLayoutParams();
lp.width = 200;
lp.width = 50;
lp.setMargins(5,5,5,5);
textView.setLayoutParams(lp);

LinearLayout linearLayout = (LinearLayout) findViewById(R.id.main_content);
// 添加到XML视图上
linearLayout.addView(textView);