这是我参与「第四届青训营」笔记创作活动的第2天。

1.UI组件初步了解

1.1. Android UI

UI组件的英文表达是User Interface，UI界面由多个不同功能的UI组件构成。 Android系统是图形用户界面操作系统，其中Android SDK提供了大量的UI组件。

1.2. 常规的UI组件

常规的UI组件大多由Android Framework中的android.widget提供。

1.3. 常规View

常规View的属性和方法则是如下：

1.4. UI组件之间的关系

2.TextView的理解

在前面，初步了解到TextView包括了EditText,Button,CheckedTextView。而在这篇笔记会简单记录EditText和Button部分。

2.1. EditText

2.1.1 EditText主要属性

EditText主要属性如下：

android:hint: 输入提示
android:textColorHint：输入提示文字的颜色
android:inputType：输入类型
android:drawableXxxx：在输入框的指定方位添加图片
android:drawablePadding：设置图片与输入内容的间距
android:paddingXxxx：设置内容与边框的间距
android:background：设置背景色

2.1.2 实现一个EditText效果

<EditText
    android:hint="请输入文本"
    android:textColorHint="@color/red"
    android:inputType="text"
    android:padding="40dp"
    android:background="#FFFFFF00"
    android:layout_width="300dp"
    android:layout_height="200dp"/>

效果如下:

2.2. Button

2.2.1 Button常用属性

Button常用属性如下：

drawable：引用的Drawable位图
state_focused：是否获得焦点。
state_pressed：控件是否被按下。
state_enabled：控件是否可用。
state_selected：控件是否被选择。这里是针对有滚轮的情况。
state_checked：控件是否被勾选。
state_checkable：控件可否被勾选。

2.2.2 实现一个简单的Button效果

代码如下：

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello World"
    android:textColor="@color/black"
    android:textSize="20dp"
    android:onClick="doClick"/>

效果如下：

在这里我们可以使用android:background来实现改变按钮颜色的功能，效果如下：

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello World"
    android:textColor="@color/black"
    android:textSize="20dp"
    android:background="@color/red"
    android:onClick="doClick"/>

Android基础-TextView|青训营笔记