Android Studio按扭的两种事件监听器响应方式
演示android按钮的两种响应方式演示。1.用匿名内部类作为单击事件临听器 2.通过onClick属性实现下面分别演示
第一步:添加按扭
1. 先新建工程** ,File/New/New Project/Empty Activity/next/name:MyDemo1 Language:java Minimum SDK:API17:Android4.2(Jelly Bean) /Finish如图:
2.默认HellWold,代码如下:
新版本的AndroidStudio默认使用ConstraintLayout约束布局
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
- 我们删除里面的TextView控件,来添加一个按扭,代码如下:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<!--这个按扭的属性:android:layout_width="wrap_content"属性指定按扭的宽度是根据按扭上的字来自动调整
height是高度根据按扭内容自动调整, android:text=""设置按扭上显示的文字-->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"/>
</androidx.constraintlayout.widget.ConstraintLayout>
运行效果如图:
按扭的代码为:
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"/>
android:layout_width=“wrap_content” 按扭宽度根据内容自动调整
android:layout_height="wrap_content"按扭高度根据内容自动调整
第二步:添加按扭单击事件响应代码
方法1:用匿名内部类作为单击事件临听器
- 对单击事件进行响应,需要给这个按扭一个id,这样才能能在监听器代码中给他设置监听代码,这里我们设置这个按扭的ID为button1;
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<!--这个按扭的属性:android:layout_width="wrap_content"属性指定按扭的宽度是根据按扭上的字来自动调整
height是高度根据按扭内容自动调整, android:text=""设置按扭上显示的文字
android:id="@+id/button1"意思为把这个按扭的id设置为button1-->
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"/>
</androidx.constraintlayout.widget.ConstraintLayout>
-
监听代码需要在java文件中完成,依次点开左边的app/java/com.example.MyDemo1/MainActivity
-
添加按扭的响应代码
Button button=(Button)findViewById(R.id.button1);
button.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v){
Toast.makeText(MainActivity.this,"你单击了确定按扭",Toast.LENGTH_SHORT).show();
}
});
以下是xml文件完整代码:
package com.example.myapplication4;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//定义一个按扭对像button,并用findViewById获取界面文件中的按扭1这个对像与之关联
//(Button)为强制类型转换
Button button=(Button)findViewById(R.id.button1);
//通过setOnClickListener方法来实现监听
button.setOnClickListener(new View.OnClickListener(){
@Override
//重写onClick方法来实现自己的功能
public void onClick(View v){
//用Toast.makeText().show();方示输出一行提示
//当点了这个按扭,输出一行提示:你单击了确定按扭 。Toast.LENGTH_SHORT为短时间提示
Toast.makeText(MainActivity.this,"你单击了确定按扭",Toast.LENGTH_SHORT).show();
}
});
}
}
- 运行如图:
第一种响应方式完成。下面我们再添加一个按扭button2来用第二种响应方式来完成
方法2:通过onClick属性实现
第一步:编写一个包含View类型参数的自定义方法
第二步:将按扭的android:onClick属性设置为自定义方法"myClick"
实现步骤:
1.我们在界面上再添加一个”取消“按扭
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toRightOf="@+id/button1"
android:text="取消"/>
注意,我们让“取消”按扭的左边对齐于“确定”按扭的右侧,否则两个按扭就重叠在一起了。所以要加上app:layout_constraintLeft_toRightOf="@+id/button1",意思是button2(取消按扭)的左侧对齐到button1(确定按扭)的右侧
按扭的id设置成了button2.
2.编写一个包含View类型参数的自定义方法,打开MainActivity文件,添加自定义方法myClick:
public void myClick(View view){
Toast.makeText(MainActivity.this,"你单击了取消按扭",Toast.LENGTH_LONG).show();
}
为了区别于原来第一个按扭的提示,我们用Toast.LENGTH_LONG为显示时间更长一点。
3.返回xml布局文本中,将按扭2的android:onClick属性设置为自定义方法"myClick"
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toRightOf="@+id/button1"
android:text="取消"
android:onClick="myClick"/>
完整的xml文件为:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<!--这个按扭的属性:android:layout_width="wrap_content"属性指定按扭的宽度是根据按扭上的字来自动调整
height是高度根据按扭内容自动调整, android:text=""设置按扭上显示的文字
android:id="@+id/button1"意思为把这个按扭的id设置为button1-->
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="确定"/>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintLeft_toRightOf="@+id/button1"
android:text="取消"
android:onClick="myClick"/>
</androidx.constraintlayout.widget.ConstraintLayout>
运行: