《第一行代码》第二版 学习总结4 常用控件

      最近利用下班时间，找了看什么书比较适合初学android的朋友，很多人推荐了这本书，于是就买了一本，感觉看书，思考，动手，再思考和总结这样过程还是很有必要的，于是就打算把自己学习的东西简单的总结一下；方便自己以后查找，也有利于学习的巩固。在这里首先要感谢一下书籍的作者——郭霖前辈。

      Android的UI布局中，常常会用到系统的常见控件，最最常见的比如Button,TextView,EditText等等，这些控件经过合理的布局和设计，就可以搭建出很友好的UI，后面还会介绍除了这些常用控件之外的自定义控件，当然很多还是基于这些基本控件的。今天就简单结合Demo介绍一下：

1，概念理解

      其实每一个控件也都是一个类，最终的父类都是View，后面在自定义控件时，我们也称之为自定义View也就不难理解了；对于常见的TextView，Button，CheckBox，EditText，ImageView，ProgressBar，AlertDialog，ProgressDialog等等；我就不一一介绍了，因为确实没有必要；其中每一个控件都有非常多的属性，但是他们也有很多共同之处，比如每一个都有宽，高以及唯一的标识id等等，正如刚刚上面所说，它们之间有很多继承关系，所以很多属性都是从同一个类中继承下来的；对于每个控件的独特属性，自己可以根据需要研究一下；建议多看看它们的继承关系。这里我主要就给出一个Demo的示例代码出来。因为Android控件较多，我这里只是给了几个常用的；后续代码会跟进，补充剩余的控件。

2，示例代码

MainActivity.java代码：

package com.hfut.simplecontroltest; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } public void test(View view) { Intent intent = new Intent(this, ControlDemoActivity.class); startActivity(intent); } }

ControlDemoActivity.java代码：

package com.hfut.simplecontroltest; import android.app.ProgressDialog; import android.content.DialogInterface; import android.support.v7.app.AlertDialog; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.ProgressBar; import android.widget.Toast; import java.util.Timer; import java.util.TimerTask; public class ControlDemoActivity extends AppCompatActivity { int progress = 0; ProgressBar progressBar; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_control_demo); progressBar = findViewById(R.id.downloadProgress); } public void download(View view) { final Timer timer = new Timer(); timer.schedule(new TimerTask() { @Override public void run() { progress = progress + 1; progressBar.setProgress(progress); if (progress <= 10) { Log.i("下载进度：", "已下载" + 100 * progress / 10 + "%"); } else { Log.i("下载进度", "下载完成 "); timer.cancel(); } } }, 1000, 1000); } public void alertDialog(View view){ AlertDialog.Builder dialog=new AlertDialog.Builder(this); dialog.setTitle("弹出对话框"); dialog.setMessage("是否更新数据"); //“取消”可点击 dialog.setCancelable(false); dialog.setPositiveButton("确定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(ControlDemoActivity.this,"开始更新数据",Toast.LENGTH_SHORT).show(); } }); dialog.setNegativeButton("取消",new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { Toast.makeText(ControlDemoActivity.this,"更新数据取消",Toast.LENGTH_SHORT).show(); } }); //千万别忘了show()出来，和Toast一样 dialog.show(); } public void progressDialog (View view){ ProgressDialog progressDialog=new ProgressDialog(this); progressDialog.setTitle("我是进度条弹窗"); progressDialog.setMessage("请稍等..."); progressDialog.setCancelable(true); progressDialog.show(); } }

activity_main.xml代码：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.hfut.simplecontroltest.MainActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="我是文本控件" android:textColor="#0000FF" android:textDirection="anyRtl" android:textSize="20dp" /> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/my" android:text="我是按钮控件" /> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:text="我是可编辑的文本控件" /> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="我的右边是一个复选框" /> <CheckBox android:drawableRight="@mipmap/ic_launcher" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> <ScrollView android:layout_width="match_parent" android:layout_height="50dp"> <TextView android:textSize="20dp" android:layout_width="match_parent" android:layout_height="match_parent" android:text="@string/bigText" /> </ScrollView> <ProgressBar android:layout_marginTop="40dp" android:layout_width="match_parent" android:layout_height="wrap_content" /> <ProgressBar style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="wrap_content" /> <Button android:layout_marginTop="20dp" android:textSize="15dp" android:onClick="test" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="跳转到demo测试页"/> </LinearLayout>

activity_control_demo.xml代码：

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.hfut.simplecontroltest.ControlDemoActivity"> <Button android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:gravity="center_horizontal" android:onClick="download" android:text="模拟下载" /> <ProgressBar android:id="@+id/downloadProgress" style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:max="10" /> <Button android:onClick="alertDialog" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="测试Alertdialog"/> <Button android:onClick="progressDialog" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="测试ProgressDialog"/> </LinearLayout>

还有drawable下面的my.xml代码，主要实现丰富Button背景以及边框的：

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#000000" android:endColor="#DC143C" android:angle="60" /> <solid android:color="#00ffffff" /> <stroke android:width="5dp" android:color="#ffDC143C" /> <corners android:radius="10dp" /> <padding android:left="3dp" android:top="3dp" android:right="3dp" android:bottom="3dp" /> </shape>

主配置文件AndroidManifest.xml代码：

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.hfut.simplecontroltest"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".ControlDemoActivity"></activity> </application> </manifest>

3，运行结果

第一步：运行程序

 

第二步：点击“跳转到DEMO测试页”

 

第三步：点击“模拟下载”

 

第四步：打开logcat查看日志记录

 

第五步：点击“测试ALERTDIALOG”

 

第六步：点击“确定”或者“取消”，观看Toast；然后再点击“测试PROGRESSDIALOG”

 

总结：仔细看我代码，实际上我的Button里面的Text有小写字母，但是显示出来的全是大写字母，这是默认的，我们是可以通过Button的一个属性 android:textAllCaps="false"来设置；代码里面有不少细节的，还有一些java基础比如定时器Timer的使用等等。Android UI这一块内容还是非常丰富的。如果你喜欢的话，可以多花一点时间来研究一下。下一部分，我们就开始讲讲包裹这些控件的四大布局了。

注：欢迎扫码关注