Android Studio利用按钮实现页面跳转设置背景+获取控件内容+响应Log工具提示信息+Toast消息对话框

最新推荐文章于 2024-05-03 13:32:04 发布

有梦想也只是咸鱼

最新推荐文章于 2024-05-03 13:32:04 发布

阅读量2k

点赞数 6

分类专栏：笔记文章标签： android app java

本文链接：https://blog.csdn.net/weixin_43540427/article/details/108739497

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

利用按钮实现页面跳转

最近在做一个实验，实验题目如下：
1）Button 4种点击事件实现，UI界面如下图所示。具体操作内容如下：
Button1采用控件onClick属性实现点击事件，点击Button1获取EditText控件内容，显示到TextView中；
Button2使用匿名内部类的方式实现监听事件,点击Button2响应Toast消息对话框；
Button3使用接口方式实现监听事件,点击Button3响应Log工具提示信息；
Button4使用外部类的方式实现监听事件, 点击Button4设置页面背景；

因为老师还没讲到这里，所以这些都是我自己提前预习查资料写出来的，可能有些地方描述有误，希望大家多多包涵~~
分析主要步骤就是设置UI界面，然后再是在MainActivity.java里面通过事件监听器给按钮绑定事件；
再新建一个需要跳转的UI界面，然后新建一个BackGround.java，同样也是通过控制按钮来实现背景颜色的转变；
最后通过Intent（意图）组件来实现Activity之间的跳转。
那么现在开始吧~

主页面activity_main界面如图：
UI界面

代码如下：

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

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="请输入..."
        android:textSize="30dp"
        android:id="@+id/e_mess">
    </EditText>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/b_one"
        android:text="BUTTON1"
        android:layout_gravity="center"
        android:textSize="30dp">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/b_two"
        android:text="BUTTON2"
        android:layout_gravity="center"
        android:textSize="30dp">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/b_three"
        android:text="BUTTON3"
        android:layout_gravity="center"
        android:textSize="30dp">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/b_four"
        android:text="BUTTON4"
        android:layout_gravity="center"
        android:textSize="30dp">
    </Button>

</LinearLayout>

然后接下来就是MainActivity的代码，这里实验是通过四种方法来设置按钮功能，但是我还有点分不太清，所以可能方法有不对应的地方，但是功能是可以实现的，等我再去琢磨清楚了，再写一篇来记录一下：

package com.example.four;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private Button one;
    private Button two;
    private Button three;
    private Button four;
    private EditText mess;
    private TextView text;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
//初始化控件
        one = findViewById(R.id.b_one);
        two = findViewById(R.id.b_two);
        three = findViewById(R.id.b_three);
        four = findViewById(R.id.b_four);
        mess = findViewById(R.id.e_mess);
     //传入实现OnClickListener接口类的对象，这是接口实现按钮功能的容易遗落的地方（至少我是忘了）
        three.setOnClickListener(new MyButton());
        four.setOnClickListener(new MyBut());

    //Button2使用匿名内部类的方式实现监听事件,点击Button2响应Toast消息对话框；
        two.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
            //Toast消息对话框
                Toast.makeText(MainActivity.this,"BUTTON2 is clicked",Toast.LENGTH_SHORT).show();
            }
        });

    //Button1采用控件onClick属性实现点击事件，点击Button1获取EditText控件内容，显示到TextView中；
        one.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
            //获得输入框的信息
                String message = mess.getText().toString();

                Toast.makeText(MainActivity.this,"输入内容为"+message,Toast.LENGTH_LONG).show();
            }
        });
    }

    //Button3使用接口方式实现监听事件,点击Button3响应Log工具提示信息；
    private class MyButton implements View.OnClickListener{
        @Override
        public void onClick( View v ){
            switch (v.getId()){
                case R.id.b_three:
                    Toast.makeText(MainActivity.this,"BUTTON3 is clicked",Toast.LENGTH_SHORT).show();
                    Log.v("MainActivity","Verbose");
                    break;
            }
        }
    }

    //Button4使用外部类的方式实现监听事件, 点击Button4设置页面背景；
    class MyBut implements View.OnClickListener{
        @Override
        public void onClick(View v){
            switch (v.getId()){
                case R.id.b_four:
                    Toast.makeText(MainActivity.this,"BUTTON4 is clicked",Toast.LENGTH_SHORT).show();
                    //通过意图激活其他组件，跳转到BackGround页面
                    Intent intent = new Intent(MainActivity.this,BackGround.class);
                    //发送意图激活组件,执行跳转
                    startActivity(intent);
                    break;
            }
        }
    }
}

上面代码需要注意的是，传入实现OnClickListener接口类的对象，这里是我出错的地方之一：

  three.setOnClickListener(new MyButton());
  four.setOnClickListener(new MyBut());

下面是实现效果，在输入框输入信息后，点击按钮一，如图：
在这里插入图片描述

点击按钮二，会在手机底部出现消息框，如图：
在这里插入图片描述
点击按钮三会在软件的Logcat中显示Log消息提示，如图：
（这里出了点问题，之前调试Log.v函数时是可以实现的，但是完成所有功能之后又显示不出来了，让我有点方张，后来我找了一下，发现它显示在了Run里面，好奇怪）
在这里插入图片描述

点击按钮四，界面会跳转到background界面，我设置的默认背景颜色为黄色，如图： 在这里插入图片描述
代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools = "http://schemas.android.com/tools"
    tools:context=".MainActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/view"
    android:background="#FFEB3B">

    <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/but_one"
    android:text="红色"
    android:textSize="30dp"
    android:layout_gravity="center_horizontal"
    android:layout_marginTop="80dp">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/but_two"
        android:text="蓝色"
        android:textSize="30dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="80dp">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/but_three"
        android:text="绿色"
        android:textSize="30dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="80dp">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/but_four"
        android:text="返回"
        android:textSize="30dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="80dp">
    </Button>

</LinearLayout>

上面注意的是，这一部分不可以省略，在最开始敲代码时没有用到这个东西，所以我都删掉了，结果这次就需要用到，所以建议在最开始的时候不要随意删东西，不然少了东西，查漏需要的时间还是很多的，尤其是像我这样的新手：

xmlns:tools = "http://schemas.android.com/tools"
    tools:context=".MainActivity"

接着是编写BackGround，代码如下：

package com.example.four;

import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;

import androidx.appcompat.app.AppCompatActivity;

public class BackGround extends AppCompatActivity {
    private Button butone,buttwo,butthree,butfour;
    private LinearLayout linearLayout;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.background);
        butone = findViewById(R.id.but_one);
        buttwo = findViewById(R.id.but_two);
        butthree = findViewById(R.id.but_three);
        butfour = findViewById(R.id.but_four);
        linearLayout = findViewById(R.id.view);

        butone.setOnClickListener(new MyButton());
        buttwo.setOnClickListener(new MyButton());
        butthree.setOnClickListener(new MyButton());
        butfour.setOnClickListener(new MyButton());

    }
    private class MyButton implements View.OnClickListener{
    @Override
    public void onClick(View v){
        switch (v.getId()){
            case R.id.but_one:
             //   Toast.makeText(BackGround.this,"BUTTON2 is clicked",Toast.LENGTH_SHORT).show();
                linearLayout.setBackgroundColor(Color.parseColor("#FF0000"));
                break;
            case R.id.but_two:
                linearLayout.setBackgroundColor(Color.parseColor("#0000FF"));
                break;
            case R.id.but_three:
                linearLayout.setBackgroundColor(Color.parseColor("#00FF00"));
                break;
            case R.id.but_four:
                Intent intent = new Intent(BackGround.this,MainActivity.class);
                startActivity(intent);
                break;
        }
    }
}
}

这里需要注意的是要注意setBackgroundColor方法的引用对象，我最开始是设置的v.setBackgroundColor(Color.parseColor("#00FF00"));发现改变的是按钮的背景颜色，所以要设置背景颜色的话就得是LinearLayout为引用对象。
这里点击红色按钮，背景颜色改变如图：在这里插入图片描述
点击各个按钮会改变成按钮对应的颜色，点击返回可以返回到activity_main界面，基本上就是这些
需要注意的是在AndroidManifest.xml里面需要在application里面加上

<activity android:name=".BackGround"></activity>

然后这个实验就完成的差不多了，记录结束。

有梦想也只是咸鱼

关注

6
点赞
踩
22

收藏

觉得还不错? 一键收藏
0
评论
Android Studio利用按钮实现页面跳转设置背景+获取控件内容+响应Log工具提示信息+Toast消息对话框

利用按钮实现页面跳转最近在做一个实验，实验题目如下：1）Button 4种点击事件实现，UI界面如下图所示。具体操作内容如下：Button1采用控件onClick属性实现点击事件，点击Button1获取EditText控件内容，显示到TextView中；Button2使用匿名内部类的方式实现监听事件,点击Button2响应Toast消息对话框；Button3使用接口方式实现监听事件,点击Button3响应Log工具提示信息；Button4使用外部类的方式实现监听事件, 点击Button4设置页面
复制链接

扫一扫