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

最新推荐文章于 2020-04-06 17:03:04 发布

hfut_why

最新推荐文章于 2020-04-06 17:03:04 发布

阅读量545

点赞数

本文链接：https://blog.csdn.net/hfut_why/article/details/79574393

版权

随笔同时被 3 个专栏收录

119 篇文章 1 订阅

订阅专栏

Android基础

101 篇文章 9 订阅

订阅专栏

第一行代码

35 篇文章 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这一块内容还是非常丰富的。如果你喜欢的话，可以多花一点时间来研究一下。下一部分，我们就开始讲讲包裹这些控件的四大布局了。

注：欢迎扫码关注