TextView
类似于iOS的UILabel
<TextView
android:id="@+id/text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#00ff00"
android:textSize="24sp"
android:textAlignment="center"
android:text="This is TextView"/>
Button
- 显示一个button
<Button
android:id="@+id/button"
android:text="Button"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
- 给button绑定点击事件方式:匿名类的方式注册监听器
//1. 通过findViewId()获得对应的Button
//2. 添加OnClickListener对象
Button btn = (Button) findViewById(R.id.button);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//处理点击事件
}
});
EditText
类似iOS的UITextField
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/editText"
android:hint="我是一个输入框"
android:textColor="#ff00ff"
android:textColorHint="#0f0fff"
android:maxLines="2"/>
- 获取输入框的值
EditText editText = (EditText) findViewById(R.id.editText);
String string = field.getText().toString();
ImageView
<ImageView
android:layout_width="match_parent"
android:layout_height="160dp"
android:id="@+id/image_view"
android:src="@mipmap/ic_launcher" />
- 重置imageView的图片
//获得imageView的图片
ImageView imgV = (ImageView) findViewById(R.id.image_view);
imgV.setImageResource(R.drawable.icon_camera);
ProgressBar
用于在界面显示一个进度条
<ProgressBar
android:id="@+id/progress_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:max="100"
style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"/>
- 控制进度条的相关属性
//控制进度条的相关属性
ProgressBar progressBar = (ProgressBar) findViewById(R.id.progress_bar);
int progress = progressBar.getProgress();
progress = progress + 10;
progressBar.setProgress(progress);
//控制进度条的隐藏与否
if (progressBar.getVisibility() == View.GONE) {
progressBar.setVisibility(View.VISIBLE);
} else {
progressBar.setProgress(View.GONE);
}
AlertDialog
类似于iOS的警告框
AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
dialog.setTitle("我是警告框");
dialog.setMessage("我是警告信息");
dialog.setCancelable(false);
dialog.setPositiveButton("OK", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
//处理按钮点击事件
Toast.makeText(MainActivity.this, "点击Ok", Toast.LENGTH_LONG).show();
}
});
dialog.setNegativeButton("Cancle", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
//处理按钮点击事件
Toast.makeText(MainActivity.this, "点击Cancle", Toast.LENGTH_LONG).show();
}
});
//显示警告框
dialog.show();
ProgressDialog
- 创建一个ProgressDialog
//创建一个ProgressDialog
ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);
progressDialog.setTitle("这是一个ProgressDialog");
progressDialog.setMessage("Loading...");
progressDialog.setCancelable(true);
progressDialog.show();
四种基本布局
- 布局与控件之间的关系
LinearLayout
线性布局,所有添加的控件都按照线性排布,可以设置水平方向或者垂直方向,比较常用
android:orientation="horizontal"
- 比较重要的属性
- layout_weight: 可以设置控件占屏宽的比重,假如控件一设置该值为2,控件二设置该值为3,则控件一占2/5,控件二占3/5
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:hint="请输入账号"
android:id="@+id/edit_second"/>
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="send"
android:id="@+id/btn1_second"/>
</LinearLayout>
RelativeLayout
相对布局,可以通过相对定位的方式,让控件出现在布局的任何位置。比较常用
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="Button1"
android:id="@+id/btn1"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/btn1"
android:layout_above="@id/btn1"
android:text="Button2"
android:id="@+id/btn2"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button3"
android:layout_toRightOf="@id/btn1"
android:layout_above="@id/btn1"
android:id="@+id/btn3"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button4"
android:id="@+id/btn4"
android:layout_toLeftOf="@id/btn1"
android:layout_below="@id/btn1"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btn5"
android:text="Button5"
android:layout_toRightOf="@id/btn1"
android:layout_below="@id/btn1"/>
</RelativeLayout>
FrameLayout
没有任何定位方式,所有控件都会摆放在布局的左上角.不常用
TableLayout
使用表格的方式来排列控件,不是很常用。
自定义控件
所有的控件都是直接或间接继承自View的,所有的布局都是直接或间接继承自ViewGroup的。
- View是Android中一种最基本的UI组件,我们使用的所有控件都是在View的基础上各自特有的功能的;
- ViewGroup是一种特殊的View,可以包含很多View和ViewGrooup。是一个放置控件和布局的容器