第一行代码：Android(第二版)——第三章笔记(一）_app

文章目录参考书籍：第一行代码：Android(第二版)(郭霖)：第三章一、常用控件使用方法1、初学暂时使用的布局2、TextView2、Button1、介绍2、创建资源文件3、导入android studio自带的图片资源4、在创建资源文件中编写代码5、在颜色选择器中创建资源6、布局中引用资源7、Button事件处理 3、EditText4、小案例：EditText和Button结合使用5、ImageView

参考书籍：第一行代码：Android(第二版)(郭霖)：第三章一、常用控件使用方法 1、初学暂时使用的布局


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
LinearLayout>

2、TextView

TextView可以说是Android中最简单的一个控件，它主要用于在界面上显示一段文本信息，比如第一章中的HelloWorld，更多的使用方法如下


    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:gravity="center"
        android:text="HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorld"
        android:background="#BBC8C3"
        android:textStyle="italic"
        android:textSize="24sp"
        android:textColor="#229000FF"
        android:shadowColor="@color/purple_700"
        android:shadowDx="15.0"
        android:shadowDy="15.0"
        android:shadowRadius="10.0"
        android:singleLine="true"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:ellipsize="marquee"
        android:marqueeRepeatLimit="marquee_forever"/>

2、Button 1、介绍

Button是程序用于用户进行交互的一个重要控件

在res/drawable目录下创建button的资源文件，根据不同状态设置不同的效果，注意drawable文件夹时图片选择器

drawable:引用的Drawable位图
state_focused:是否获得焦点
state_pressed:控件是否被按下
state_enabled:控件是否可用
state_selected:控件是否被选择，针对有滚轮的情况
state_checkable:控件是否被勾选，eg:checkbox
state_checked:控件是否被勾选
state_window_focused:是否获得窗口焦点
state_single:控件包含多个子控件时，确定是否只显示一个子控件
state_first:控件包含多个子控件时，确定第一个子控件是否处于显示状态
state_middle:控件包含多个子控件时，确定中间一个子控件是否处于显示状态
state_last:控件包含多个子控件时，确定最后一个子控件是否处于显示状态
state_active:控件是否处于活动状态，eg:slidingTab

2、创建资源文件

3、导入android studio自带的图片资源

4、在创建资源文件中编写代码

例子：文件名称：btn_selector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/ic_baseline_favorite_24" android:state_pressed="true"/>
    <item android:drawable="@drawable/ic_baseline_favorite_border_24"/>
selector>

5、在颜色选择器中创建资源

1、在res文件下中创建新的文件夹color文件夹

2、在color文件夹内创建颜色资源文件btn_color.xml，并编写代码例子如下


<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#fff000" android:state_pressed="true"/>
    <item android:color="#7f6000"/>
selector>

6、布局中引用资源




<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <Button
        android:id="@+id/button1"
        android:text="我是按钮"
        android:textColor="@color/black"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/btn_selector"
        app:backgroundTint="@color/btn_color" />
LinearLayout>

7、Button事件处理

//1、点击事件 2、长按事件 3、触摸事件
package com.example.test;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    public static final String TAG="MainActivity";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button1= (Button)findViewById(R.id.button1);

        //1、点击事件
        button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Log.d(TAG, "onClick: ");
            }
        });

        //2、长按事件
        button1.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                Log.d(TAG, "onLongClick: ");
                return false;
            }
        });
        
        //3、触摸事件
        button1.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                Log.d(TAG, "onTouch: ");
                return false;
            }
        });
    }
}

3、EditText

是程序用于和用户进行交互的另一个重要控件，它允许用户在控件里输入和编辑内容，并可以在程序中对这些内容进行处理



    <EditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="提示文本"
        android:maxLines="2"/>

4、小案例：EditText和Button结合使用

//MainActivity.java
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private EditText editText;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        /*
        * 通过点击按钮来获取EditText中输入的内容
        * */
        Button button=(Button) findViewById(R.id.button1);
        editText=(EditText) findViewById(R.id.edit_text);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                switch (view.getId()){
                    case R.id.button1:
                        String inputText=editText.getText().toString();
                        //消息提示
                        Toast.makeText(MainActivity.this,inputText,Toast.LENGTH_SHORT).show();
                        break;
                    default:
                        break;
                }
            }
        });

    }
}

运行结果：

5、ImageView

ImageView是用于在界面上展示图片的一个控件，它可以让我们的程序界面变得更加丰富多彩，这个控件需要提前准备好一些图片，图片通常存放在以“drawable”开头的目录下，目前项目中有一个空的drawable目录，但是这个目录没有指定分辨率，所以一般不使用它来放置图片，这里在res目录下新建一个drawable-xhdpi目录，然后将准备好的两张图片img1.png和img2.png复制到该目录中。



    <ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img1" />