Android学习第一天

一、Android开发涉及的编程语言

• App开发主要有两大技术路线，分别是原生开发和混合开发
• 官方编程语言Java和Kotlin
  提前学好Java更有利于开发。

二、创建App页面
完整的页面创建过程包括三个步骤：

• 在Layout目录下创建XML文件
• 创建与XML文件对应的Java代码
• 在AndroidMainfest.XML中注册页面配置
  
  三、简单控件
  （一）文本显示
  1.设置文本内容有两种方式
• 在XML文件中通过属性android:text设置文本
  
• 在Java代码中调用文本视图对象的setText方法设置文本
  
  2.设置文本大小
• 在Java代码中调用setTextSize方法，即可指定文本大小。
• 在XML文件中通过android:textSize指定文本大小，此时需要指定字号单位。
  px：它是手机屏幕的最小显示单位，与设备的显示屏有关。
  dp：它是与设备无关的显示单位，只与屏幕尺寸有关。
  sp：它专门用来设置字体大小，在系统设置中可以调整字体大小。
  3.设置文本颜色
• 在Java代码中调用setTextColor方法即可设置文本颜色，具体色值可从Color类取。
  
  
  效果如下：
  
• 直接在XML中设置

android:textColor="#00ff00"

设置背景颜色为绿色：

android:background="#00ff00"

（二）视图基础
1.设置视图的宽高
视图宽度通过属性android:layout_width表达，视图高度通过属性android:layout_height表达，宽高取值主要有下列三种：

• match_parent：表示与上一级视图保持一致。
• wrap_content：表示与内容自适应。
• 以dp为单位的具体尺寸
  
  在代码中设置视图宽高：首先确保XML中宽高属性值为wrap_content，接着打开该页面对应的Java代码，依序执行以下三个步骤：
• 调用控件对象的getLayoutParams方法，获取该控件的布局参数。
• 布局参数的width属性表示宽度，height表示高度，修改这两个属性。
• 调用控件对象的setLayoutParams方法，填入修改后的布局参数使之生效。
  
  2.设置视图间距
• 采用layout_margin属性，它指定当前视图与周围平级视图之间的距离。包括：layout_margin、layout_marginLeft、layout_marginRight、layout_marginTop、layout_marginBottom
• 采用padding属性，它指定了当前视图与内部下级视图之间的距离。包括:padding、paddingLeft、paddingRight、paddingTom、paddingBottom
  
  3.设置视图的对齐方式
• layout_gravity：指定当前视图相对于上级视图的对齐方式
• gravity：指定了下级视图相对于当前视图的对齐方式。
  layout_gravity与gravity的取值包括：left、right、top、bottom，还可以用竖线连接各取值，例如"left|top"表示及靠左又靠上
  例子：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:background="#ffff99"
    android:orientation="horizontal"
    >
    <!--第一个子布局背景为红色，它在上级视图中朝下对齐，它的下级视图则靠左对齐-->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_margin="10dp"
        android:background="#ff0000"
        android:padding="20dp"
        android:layout_gravity="bottom"
        android:gravity="left">

        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff"/>

    </LinearLayout>

    <!--第二个子布局背景为红色，它在上级视图中朝上对齐，它的下级视图则靠右对齐-->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_margin="10dp"
        android:background="#ff0000"
        android:layout_gravity="top"
        android:gravity="right">

        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff"/>

    </LinearLayout>

</LinearLayout>

（三）常用布局
1.线性布局LinearLayout
线性布局内部各视图有两种排列方式：

• orientation属性值为horizantal时，内部视图在水平方向从左往右排列。
• orientation属性值为vertical时，内部视图在垂直方向从上往下排列。
• 默认为水平方向排列。

<?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">
    <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="横排第一个"
            android:textSize="17sp"
            android:textColor="#000000"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="横排第二个"
            android:textSize="17sp"
            android:textColor="#000000"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="竖排第一个"
            android:textSize="17sp"
            android:textColor="#000000"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="竖排第二个"
            android:textSize="17sp"
            android:textColor="#000000"/>
    </LinearLayout>

</LinearLayout>

线性布局的权重：线性布局的下级视图各自拥有多大比例的宽高。
权重属性名：layout_weight,直接在线性布局的下级视图设置，表示该下级视图占据的宽高比例。

• layout_width填0dp时，layout_weight表示水平方向宽高比例。
• layout_height填0dp时，layout_weight表示垂直方向宽高比例。
  2.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="150dp"
    >

    <TextView
        android:id="@+id/tv_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:backgroung="#ffffff"
        android:text="我在中间"
        android:textColor="#000000"
        android:textSize="11sp"/>
    
    <TextView
        android:id="@+id/tv_center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"  
        android:layout_centerHorizontal="true"
        android:backgroung="#ffffff"
        android:text="我在水平中间"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:id="@+id/tv_center_vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:backgroung="#ffffff"
        android:text="我在垂直中间"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:id="@+id/tv_parent_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:backgroung="#ffffff"
        android:text="我和上级的左边对齐"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:id="@+id/tv_parent_Right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:backgroung="#ffffff"
        android:text="我和上级的右边对齐"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:id="@+id/tv_parent_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:backgroung="#ffffff"
        android:text="我和上级的顶部对齐"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:id="@+id/tv_parent_bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:backgroung="#ffffff"
        android:text="我和上级的底部对齐"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/tv_center"
        android:layout_alignTop="@+id/tv_center"
        android:backgroung="#ffffff"
        android:text="我在中间的左边"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/tv_center"
        android:layout_alignBottom="@+id/tv_center"
        android:backgroung="#ffffff"
        android:text="我在中间的右边"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/tv_center"
        android:layout_alignLeft="@+id/tv_center"
        android:backgroung="#ffffff"
        android:text="我在中间的上边"
        android:textColor="#000000"
        android:textSize="11sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv_center"
        android:layout_alignRight="@+id/tv_center"
        android:backgroung="#ffffff"
        android:text="我在中间的下边"
        android:textColor="#000000"
        android:textSize="11sp"/>

</RelativeLayout>

效果：

3.网格布局：GridLayout
网格布局支持多行多列的表格排列。
网格布局默认从左往右、从上到下排列，它新增了两个属性：

• columnCount：指定网格的列数，即每行能放多少个视图；
• rowCount：指定了网格的行数，即每行能放多少个视图；
  例子：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="2"
    android:rowCount="2"
    >
    
    <TextView
        android:layout_width="0dp"
        android:layout_columnWeight="1"
        android:layout_height="60dp"
        android:gravity="center"
        android:background="#ffcccc"
        android:text="浅红色"
        android:textColor="#000000"
        android:textSize="17sp"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_columnWeight="1"
        android:gravity="center"
        android:background="#ffaa00"
        android:text="橙色"
        android:textColor="#000000"
        android:textSize="17sp"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_columnWeight="1"
        android:gravity="center"
        android:background="#00ff00"
        android:text="绿色"
        android:textColor="#000000"
        android:textSize="17sp"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_columnWeight="1"
        android:gravity="center"
        android:background="#660066"
        android:text="深紫色"
        android:textColor="#000000"
        android:textSize="17sp"/>

</GridLayout>

效果：

4.滚动视图ScrollView

• ScrollView，垂直方向的滚动视图；垂直方向滚动时，layout_width属性值设置为match_parent，layout_height属性值设置为wrap_content。
• HorizontalView，水平方向的滚动视图；水平方向滚动时，layout_width属性值设置为wrap_content，layout_height属性值设置为match_parent。
  例子：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <HorizontalScrollView
        android:layout_width="wrap_content"
        android:layout_height="200dp">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal">

            <View
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:background="#aaffff" />

            <View
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:background="#ffff00" />

        </LinearLayout>

    </HorizontalScrollView>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <View
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#00ff00" />

            <View
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#00ffaa" />

        </LinearLayout>

    </ScrollView>

</LinearLayout>

效果：

（四）按钮触控
1.按钮控件Button

• Button拥有默认的按钮背景，而TextView默认无背景；
• Button的内部文本默认居中对齐，而TextView的内部文本默认靠左对齐；
• Button会默认将英文字母转为大写，而TextView不会；
• Button增加了两个属性：（1）textAllCaps：指定了是否将英文转成大写，true大写，false不转换。
  （2）OnClick：接管用户的点击动作，指定了点击按钮要触发那个方法；
  例子：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="5dp">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="下面的按钮英文默认大写"
        android:gravity="center"
        android:textColor="@color/black"
        android:textSize="17sp"
       />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World"
        android:textColor="@color/black"
        android:textSize="17sp"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="下面的按钮英文保持原状"
        android:gravity="center"
        android:textColor="@color/black"
        android:textSize="17sp"
        />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World"
        android:textAllCaps="false"
        android:textColor="@color/black"
        android:textSize="17sp" />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="直接指定点击方法"
        android:textAllCaps="false"
        android:textColor="@color/black"
        android:textSize="17sp"
        android:onClick="doClick"/>

    <TextView
        android:id="@+id/tv_result"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这里查看按钮的点击效果"
        android:textColor="@color/black"
        android:textSize="17sp"
        />

</LinearLayout>

Java代码：

package com.example.chapter03.util;

import java.text.SimpleDateFormat;
import java.util.Date;

public class DataUtil {

    public static String getNowTime(){
        SimpleDateFormat sdf=new SimpleDateFormat("HH:mm:ss");
        return sdf.format(new Date());
    }
}

ButtonStyleActivity代码：

public class ButtonStyleActivity extends AppCompatActivity {

    private TextView tv_result;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_button_style);
        tv_result = findViewById(R.id.tv_result);
    }

    public void doClick(View view){
        String desc=String.format("%s 你点击了按钮： %s", DataUtil.getNowTime(),((Button)view).getText());
        tv_result.setText(desc);

    }
}

效果：

2.点击事件和长按点击事件
监听器：专门监听控件的动作和行为。只有控件发生了指定动作，监听器才会被触发开关去执行对应的代码逻辑。
按钮控件通常有两种监听器：

• 点击监听器，通过setOnClickLister方法设置。按钮被按住少于500毫秒时，会触发点击事件。
• 长按监听器，通过setOnLongClickListener方法设置。按钮被按超过500毫秒时，会触发长按点击事件。
  点击事件例子：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <Button
        android:id="@+id/btn_click_single"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="指定单独的点击监听器"
        android:textColor="#000000"
        android:textSize="15sp"/>

    <Button
        android:id="@+id/btn_click_public"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="指定公共的点击监听器"
        android:textColor="#000000"
        android:textSize="15sp"/>

    <TextView
        android:id="@+id/tv_result"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:gravity="center"
        android:textColor="#000000"
        android:textSize="15sp"
        android:text="这里查看点击结果"/>


</LinearLayout>

public class ButtonClickActivity extends AppCompatActivity implements View.OnClickListener{

    private TextView tv_result;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_button_click);
        tv_result = findViewById(R.id.tv_result);
        Button btn_click_single=findViewById(R.id.btn_click_single);
        btn_click_single.setOnClickListener(new MyOnClickListener(tv_result));
        Button btn_click_public=findViewById(R.id.btn_click_public);
        btn_click_public.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if (v.getId()==R.id.btn_click_public){
            String desc=String.format("%s 你点击了按钮： %s", DataUtil.getNowTime(),((Button) v).getText());
            tv_result.setText(desc);
        }
    }

    //静态内部类,不写static可能造成内存泄露
    static  class MyOnClickListener implements View.OnClickListener{
        private final TextView tv_result;

        public MyOnClickListener(TextView tv_result) {
            this.tv_result=tv_result;
        }

        @Override
        public void onClick(View v) {
            String desc=String.format("%s 你点击了按钮： %s", DataUtil.getNowTime(),((Button) v).getText());
            tv_result.setText(desc);
        }
    }
}

长按点击事件例子：

<Button
        android:id="@+id/btn_long_click_single"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="指定长按的点击监听器"
        android:textColor="#000000"
        android:textSize="15sp"/>


    <TextView
        android:id="@+id/tv_result"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:gravity="center"
        android:textColor="#000000"
        android:textSize="15sp"
        android:text="这里查看点击结果"/>

public class ButtonLongClickActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_button_long_click);
        TextView tv_result = findViewById(R.id.tv_result);
        Button btn_long_click_single=findViewById(R.id.btn_long_click_single);
        btn_long_click_single.setOnLongClickListener(v -> {
            String desc=String.format("%s 你点击了按钮： %s", DataUtil.getNowTime(),((Button) v).getText());
            tv_result.setText(desc);
            return true;
        });
    }
}

3.禁用与恢复按钮
是否允许点击由enable属性控制，true代表可以，false代表不可以。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <Button
            android:id="@+id/btn_enable"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="启用测试按钮"
            android:textColor="#000000"
            android:textSize="17sp"/>

        <Button
            android:id="@+id/btn_disable"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="禁用测试按钮"
            android:textColor="#000000"
            android:textSize="17sp"/>

    </LinearLayout>

    <Button
        android:id="@+id/btn_test"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:enabled="false"
        android:text="测试按钮"
        android:textColor="#888888"
        android:textSize="17sp"/>

    <TextView
        android:id="@+id/tv_result"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="这里查看测试按钮的点击结果"
        android:textColor="#000000"
        android:textSize="17sp"/>

</LinearLayout>

public class ButtonEnableActivity extends AppCompatActivity implements View.OnClickListener {

    private Button btn_test;
    private TextView tv_result;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_button_enable);
        Button btn_enable=findViewById(R.id.btn_enable);
        Button btn_disable=findViewById(R.id.btn_disable);
        btn_test = findViewById(R.id.btn_test);
        tv_result = findViewById(R.id.tv_result);

        btn_enable.setOnClickListener(this);
        btn_disable.setOnClickListener(this);
        btn_test.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.btn_enable:
                //启用当前控件
                btn_test.setEnabled(true);
                //设置按钮文字颜色
                btn_test.setTextColor(Color.BLACK);
                break;
            case R.id.btn_disable:
                //启用当前控件
                btn_test.setEnabled(false);
                //设置按钮文字颜色
                btn_test.setTextColor(Color.GRAY);
                break;
            case R.id.btn_test:
                String desc=String.format("%s 你点击了按钮： %s", DataUtil.getNowTime(),((Button) v).getText());
                tv_result.setText(desc);
                break;
        }
    }
}

（五）图像显示
1.图像视图ImageView
图像视图展示的图片通常在res/Drawable***目录，设置图像视图的显示图片有两种方式：

• 在XML文件中，通过属性android：src设置图片资源，属性格式值形如@draw/不含扩展名的图片名称；
• 在Java代码中，调用setImageResource方法设置图片资源，方法参数格式形如“R.drawble.不含扩展名的图片名称"。

2.图像按钮ImageButton
ImaButton是显示图片的图像按钮，但它继承自ImageView，而非Button。
ImageButton和Button的区别有：

• Button即可以显示文本，也可以显示图片，ImageButton只能显示图片，不能显示文本。
• Button只能靠背景显示一张图片，而ImageButton可以分别在前景foreground和背景background显示图片，从而实现两张图片叠加的效果。

同时显示文本与图片：
（1）利用LineaLayout对ImageView和TextView组合布局。
（2）通过按钮控件Button的drawable***属性设置文本周围的图标。

• drawableTop：指文字上方的图片。
• drawableButton：指文字下方的图片。
• drawableLeft：指文字左边的图片。
• drawableRight：指文字右边的图片。
• drawablePadding：指文字图片与文字的间距。

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="图标在左边"
        android:drawableLeft="@drawable/tbzz"
        android:background="#ffffff"
        android:drawablePadding="5dp"/>