Android 基础知识4-3.3 Button（按钮）与ImageButton（图像按钮）详解

news2024/9/22 20:27:45

一、引言

        今天给大家介绍的Android基本控件中的两个按钮控件，Button普通按钮和ImageButton图像按钮； 其实ImageButton和Button的用法基本类似，至于与图片相关的则和后面ImageView相同，所以本节 只对Button进行讲解，另外Button是TextView的子类，所以TextView上很多属性也可以应用到Button 上！我们实际开发中对于Button的，无非是对按钮的几个状态做相应的操作，比如：按钮按下的时候 用一种颜色，弹起又一种颜色，或者按钮不可用的时候一种颜色这样！上述实现无非是通过 StateListDrawable这种Drawable资源来实现，即编写一个drawable的资源文件，就说这么多， 直接开始本节内容~

二、在xml布局文件中的使用（属性）

layout_width：宽（=wrap_content or ...）（必要）

layout_height：高（=wrap_content or ...）（必要）

id：建议命名为你个人对Button/ImageButton的缩写_Activity name_功能/数字/字母（如：btn_main_0、ibtn_main_0）

layout_weight：权重-各个控件等高或等宽时要用到

text：文本内容

letterSpacing：文本间的间距（如：0.5）

textColor：文本颜色

textSize：文本字体大小

textStyle：文本风格（normal正常（默认）、bold加粗、italic倾斜）

注：可选多个值（android:textStyle="bold|italic"）；

gravity：文本的位置（center居中（默认）、……）

background：背景（xml文件、图片）

ellipsize：文字太长时显示省略号（end末尾、start开头、marquee滚动、middle中间、none无）

layout_marginTop：与上边控件的距离

layout_marginBottom：与下边控件的距离：

layout_marginLeft：与左边控件的距离

layout_marginRight：与右边控件的距离

maxWidth：最大宽度

maxHeight：最大高度

maxEms：代码中输入的最多的元素个数

maxLength：代码中输入文本的最大长度（常用）

maxLines：最大行数

minLines：最小行数

minWidth：最小宽度

minHeight：最小高度

padding：文本距离上下左右方向的大小

paddingTop：文本距离上边的大小

paddingBottom：文本距离下边的大小

paddingLeft：文本距离左边的大小

paddingRigh：文本距离右边的大小

三、按钮点击监听事件

Button与ImageButton自身都有一个onClick点击事件，通过自身的.setOnClickListener(OnClickListener)的方法添加点击事件。

所有控件都有一个OnClick事件。通过点击事件的监听可以实现点击后发生什么动作。

监听事件实现的几种方法：

1.匿名内部类

2.独立类的实现

3.接口的形式实现 

（1）、匿名内部类的实现Button监听事件

1.初始化控件

2.通过findViewById返回一个view对象，然后转换成Button 赋值给初始化的控件

3.设置Button的监听器，通过监听器实现点Button要操作的事情

XML代码如下：

<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/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录" />

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher_round" />
</LinearLayout>

效果：

 业务逻辑代码：

package com.chinasoftnc.helloword;

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

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    // 声明按钮控件
    private Button mButton;
    private ImageButton mImageButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_main);

        /**
         * 1.初始化所需要的控件
         * 2.通过findViewById返回一个view对象，然后转换成Button
         * 3.设置Button的监听器，通过监听器实现点Button要操作的事情
         * */
        mButton = findViewById(R.id.button1);
        mImageButton = findViewById(R.id.imageButton1);

        /**
         * 监听事件通过内部匿名类实现
         */
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 在当前方法onClick中监听
                //Tost为监听后的操作
                Toast.makeText(MainActivity.this, "点击Button成功", Toast.LENGTH_SHORT).show();
            }
        });
        mImageButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 在当前方法onClick中监听
                //Tost为监听后的操作
                Toast.makeText(MainActivity.this, "点击ImageButton成功", Toast.LENGTH_SHORT).show();
            }
        });

    }

}

（2）、独立类实现按钮点击的监听

        外部独立类可以把多个监听事件相同的的内容集中到外部类中饭，然后在各各子类可以通过super进行调用外部类的内容，同时可以在自己的类中添加自己按钮独有的内容或操作。

XML代码同上

业务逻辑代码：

package com.chinasoftnc.helloword;

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

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    // 声明按钮控件
    private Button mButton;
    private ImageButton mImageButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_main);

        /**
         * 1.初始化所需要的控件
         * 2.通过findViewById返回一个view对象，然后转换成Button
         * 3.设置Button的监听器，通过监听器实现点Button要操作的事情
         * */
        mButton = findViewById(R.id.button1);
        mImageButton = findViewById(R.id.imageButton1);

        /**
         * 监听事件通过内部匿名类实现
         */
        mButton.setOnClickListener(new MyOnClickListener() {
            @Override
            public void onClick(View v) {
                //调用父类的onClick
                super.onClick(v);
                Toast.makeText(MainActivity.this, "Button要执行的逻辑", Toast.LENGTH_SHORT).show();
            }
        });
        mImageButton.setOnClickListener(new MyOnClickListener() {
            @Override
            public void onClick(View v) {
                //调用父类的onClick
                super.onClick(v);
                Toast.makeText(MainActivity.this, "ImageButton要执行的逻辑", Toast.LENGTH_SHORT).show();
            }
        });

    }

    // 独立类，其中OnClickListener是一个接口
    class MyOnClickListener implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            // 改变button的按钮颜色
            v.setAlpha(0.5f);
        }
    }
}

（3）、通过接口的形式实现监听

让Activity类实现接口OnClickListener的监听事件方法，然后给相应的按钮绑定上监听事件。

XML代码同上

业务逻辑代码：

package com.chinasoftnc.helloword;

import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity implements OnClickListener {
    // 声明按钮控件
    private Button mButton;
    private ImageButton mImageButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_main);

        /**
         * 1.初始化所需要的控件
         * 2.通过findViewById返回一个view对象，然后转换成Button
         * 3.设置Button的监听器，通过监听器实现点Button要操作的事情
         * */
        mButton = findViewById(R.id.button1);
        mImageButton = findViewById(R.id.imageButton1);

        // 给按钮绑定监听事件
        mButton.setOnClickListener(this);
        mImageButton.setOnClickListener(this);
    }

    /**
     * 通过实现接口的监听事件onClick,实现监听事件
     */
    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.button1:
                Toast.makeText(MainActivity.this, "通过接口实现Button点击监听", Toast.LENGTH_SHORT).show();
                break;
            case R.id.imageButton1:
                Toast.makeText(MainActivity.this, "通过接口实现ImageButton点击监听", Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }
}

即不同的功能需求选择不同的实现方式。

四、StateListDrawable简介

        StateListDrawable是Drawable资源的一种，可以根据不同的状态，设置不同的图片效果，关键节点 < selector >，我们只需要将Button的background属性设置为该drawable资源即可轻松实现，按下 按钮时不同的按钮颜色或背景！

我们可以设置的属性：

  • drawable:引用的Drawable位图,我们可以把他放到最前面,就表示组件的正常状态~
  • state_focused:是否获得焦点
  • state_window_focused:是否获得窗口焦点
  • state_enabled:控件是否可用
  • state_checkable:控件可否被勾选,eg:checkbox
  • state_checked:控件是否被勾选
  • state_selected:控件是否被选择,针对有滚轮的情况
  • state_pressed:控件是否被按下
  • state_active:控件是否处于活动状态,eg:slidingTab
  • state_single:控件包含多个子控件时,确定是否只显示一个子控件
  • state_first:控件包含多个子控件时,确定第一个子控件是否处于显示状态
  • state_middle:控件包含多个子控件时,确定中间一个子控件是否处于显示状态
  • state_last:控件包含多个子控件时,确定最后一个子控件是否处于显示状态

五、实现按钮的按下效果

首先准备三个图片背景，一般我们为了避免按钮拉伸变形都会使用作为按钮的drawable！ 先来看下 运行效果图：

img

 背景xml实现代码btn_bg1：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
       
    <item android:drawable="@drawable/ic_course_bg_fen" android:state_pressed="true" />
       
    <item android:drawable="@drawable/ic_course_bg_pressed" android:state_enabled="false" />
       
    <item android:drawable="@drawable/ic_course_bg_cheng" />
</selector>

布局xml文件代码：

<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/btnOne"
        android:layout_width="match_parent"
        android:layout_height="64dp"
        android:background="@drawable/btn_bg1"
        android:text="按钮" />

    <Button
        android:id="@+id/btnTwo"
        android:layout_width="match_parent"
        android:layout_height="64dp"
        android:text="按钮不可用" />

</LinearLayout>

MainActivity.java中业务逻辑：

public class MainActivity extends Activity {
    
    // 声明组件
    private Button btnOne,btnTwo;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_push_act);
        // 获取组件
        btnOne = (Button) findViewById(R.id.btnOne);
        btnTwo = (Button) findViewById(R.id.btnTwo);
        // 事件监听
        btnTwo.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if(btnTwo.getText().toString().equals("按钮不可用")){
                    btnOne.setEnabled(false);
                    btnTwo.setText("按钮可用");
                }else{
                    btnOne.setEnabled(true);
                    btnTwo.setText("按钮不可用");
                }
            }
        });
    }

}


六、使用颜色值绘制圆角按钮

        很多时候我们不一定会有美工是吧，或者我们不会PS或毁图秀秀，又或者我们懒，不想自己去做图， 这个时候我们可以自己写代码来作为按钮背景，想要什么颜色就什么颜色，下面我们来定制个圆角的 的按钮背景~，这里涉及到另一个drawable资源:ShapeDrawable，这里不详细讲，后面会详细介绍每一个 drawable~这里会用就好，只是EditText修改下Background属性而已，这里只贴drawable资源！

先看下效果图：

img

 buton_danger_rounded.xml：

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

    <item android:state_pressed="true">
        <shape>
            <corners android:radius="@dimen/bbuton_rounded_corner_radius" />
            <solid android:color="@color/bbutton_danger_pressed" />
            <stroke android:width="1dp" android:color="@color/bbutton_danger_edge" />
        </shape>
    </item>

    <item android:state_enabled="false">
        <shape>
            <corners android:radius="@dimen/bbuton_rounded_corner_radius" />
            <solid android:color="@color/bbutton_danger_disabled" />
            <stroke android:width="1dp" android:color="@color/bbutton_danger_disabled_edge" />
        </shape>
    </item>

    <item>
        <shape>
            <corners android:radius="@dimen/bbuton_rounded_corner_radius" />
            <solid android:color="@color/bbutton_danger" />
            <stroke android:width="1dp" android:color="@color/bbutton_danger_edge" />
        </shape>
    </item>

</selector>

color.xml:

<color name="bbutton_danger_pressed">#ffd2322d</color>
<color name="bbutton_danger_edge">#ffd43f3a</color>
<color name="bbutton_danger_disabled">#a5d9534f</color>
<color name="bbutton_danger_disabled_edge">#a5d43f3a</color>
<color name="bbutton_danger">#ffd9534f</color>
<color name="text_font_white">#FFFFFF</color>

dimens.xml:

<dimen name="bbuton_rounded_corner_radius">5dp</dimen>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/372950.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

MySQL进阶之锁

MySQL进阶之锁

锁是计算机中协调多个进程或线程并发访问资源的一种机制。在数据库中&#xff0c;除了传统的计算资源竞争之外&#xff0c;数据也是一种提供给许多用户共享的资源&#xff0c;如何保证数据并发访问的一致性和有效性是数据库必须解决堆的一个问题&#xff0c;锁冲突也是影响数据…
阅读更多...
Neo4j列表函数

Neo4j列表函数

使用列表 标量列表函数 size() 函数返回列表中的元素的数量 MATCH (p:Person)-[:ACTED_IN]->(m:Movie) WITH p, collect (m.title) AS MovieTitles WITH p, MovieTitles, size(MovieTitles) AS NumMovies WHERE NumMovies > 20 RETURN p.name AS Actor, NumMovies, Movie…
阅读更多...
浙大PTA拼题A读者验证码刷题页面、PTA免费刷题页面(不需要读者验证码)

浙大PTA拼题A读者验证码刷题页面、PTA免费刷题页面(不需要读者验证码)

有一个B站号李桥桉&#xff0c;很多年前讲过PTA里的一些题目的解法。近两年有好多同学反馈&#xff0c;需要读者码才能进行答题&#xff0c;不然只能免费注册、看题、编写代码&#xff0c;就是不能提交代码(大受震撼)。 咱就是说&#xff0c;会不会是同学们找错页面了&#xff…
阅读更多...
【数据库】第十二章 数据库管理

【数据库】第十二章 数据库管理

第12章 数据库管理 数据库的物理存储 关于内存、外存、磁盘、硬盘、软盘、光盘的区别_Allenzyg的博客-CSDN博客_磁盘和硬盘的区别 数据库记录在磁盘上的存储 定长&#xff0c;变长跨块&#xff0c;非跨快 文件的组织方方法&#xff1a; 无序记录文件(堆文件heap或pile file…
阅读更多...
eddsa 算法

eddsa 算法

信息安全课程设计&#xff1a;eddsa 算法 一、项目要求 使用 C 语言开发&#xff1b;可以实现公私钥生成、签名、认证&#xff1b;只需要手动输入明文&#xff0c;代码会自动生成公私钥、签名、认证&#xff1b;记录公私钥生成、签名、认证的时间&#xff1b;在 VS 上运行&am…
阅读更多...
React useCallback如何使其性能最大化？

React useCallback如何使其性能最大化？

前言 React中最让人畅谈的就是其带来的灵活性&#xff0c;可以说写起来非常的舒服。但是也就是它的灵活性太强&#xff0c;往往让我们忽略了很多细节的地方&#xff0c;而就是这些细节的东西能进行优化&#xff0c;减小我们的性能开销。可以说刚学React和工作几年后写React的代…
阅读更多...
JVM内存结构之堆（重要）

JVM内存结构之堆（重要）

1、概述每个JVM进程有且只有一个堆&#xff0c;进程内的所有线程共享这块区域&#xff0c;堆区在JVM启动的时候即被创建&#xff0c;其空间大小也就确定了&#xff0c;是JVM内存结构中最大的一块区域。由于线程共享&#xff0c;堆也就成了JVM内存管理的核心区域。《Java虚拟机规…
阅读更多...
热爱所有热爱

热爱所有热爱

想成为这样的一个人&#xff0c;在工作中是一名充满极客精神的Programmer&#xff0c;处理遇到的问题能够游刃有余&#xff0c;能够做出优雅的设计&#xff0c;写出一手优秀的代码&#xff0c;还有着充分的学习能力和业务能力&#xff0c;做一名职场中的佼佼者。 在工作之余还能…
阅读更多...
15、条件概率、全概率公式、贝叶斯公式、马尔科夫链

15、条件概率、全概率公式、贝叶斯公式、马尔科夫链

条件概率定义&#xff1a;设A、B是两个事件&#xff0c;且&#xff0c;P(A) > 0 则称 为事件A发生的条件下事件B的条件概率对这个式子进行变形&#xff0c;即可得到概率的乘法公式&#xff1a;P(A) > 0 时&#xff0c;则P(B) > 0 时&#xff0c;则乍一看&#xff0c;…
阅读更多...
数字化转型导师坚鹏：BLM农商行数字化转型实战解决方案及案例

数字化转型导师坚鹏：BLM农商行数字化转型实战解决方案及案例

BLM农商行数字化转型实战解决方案及案例研究 ——以BLM模型为核心&#xff0c;践行知行合一思想&#xff0c;实现知行果合一 课程背景&#xff1a; 很多农商行存在以下问题&#xff1a; 不知道如何开展数字化转型工作&#xff1f; 不清楚农商行数字化转型方法论&#xff1f; …
阅读更多...
Python—单分支结构

Python—单分支结构

&#xff08;1&#xff09;if分支语句 Python中if语句的语法结构&#xff1a; if <条件表达式>&#xff1a;    满足条件运行的代码1    满足条件运行的代码2 代码示例&#xff1a; age 12 if age > 18:print(去上网)if 1 1 2 and :print(我满足条件了)if 1 …
阅读更多...
【C++】C++入门（下）

【C++】C++入门（下）

引用 什么是引用&#xff1f;   引用是给一个已经存在的变量取一个别名&#xff0c;在语法上并不会给这个别名开一个空间&#xff0c;它和她引用的变量共用一个空间。但是实际上引用也是开了一块空间的&#xff0c;用来存放引用名。引用是按照指针的方式来实现的。引用语法&…
阅读更多...
电子技术——B类输出阶

电子技术——B类输出阶

电子技术——B类输出阶 下图展示了一个B类输出阶的原理图&#xff0c;B类输出阶由两个互补的BJT组成&#xff0c;不同时导通。 原理 当输入电压 vI0v_I 0vI​0 的时候&#xff0c;两个晶体管都截止输出电压为零。当 vIv_IvI​ 上升至超过0.5V的时候&#xff0c;此时 QNQ_NQN…
阅读更多...
MVVM 架构进阶：MVI 架构详解

MVVM 架构进阶：MVI 架构详解

前言Android开发发展到今天已经相当成熟了&#xff0c;各种架构大家也都耳熟能详&#xff0c;如MVC,MVP,MVVM等&#xff0c;其中MVVM更是被官方推荐&#xff0c;成为Android开发中的显学。不过软件开发中没有银弹&#xff0c;MVVM架构也不是尽善尽美的&#xff0c;在使用过程中…
阅读更多...
【软件测试】从功能到自动化测试，测试人的进阶之路细节，这些必不可少......

【软件测试】从功能到自动化测试，测试人的进阶之路细节，这些必不可少......

目录&#xff1a;导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09;前言 测试流程&#xff0…
阅读更多...
SQL语法2

SQL语法2

SQL语法视图view常用函数三张重要的表接SQL语法第一篇文章&#xff0c;接下来所有的操作都基于safe这张表进行。视图view 语法&#xff1a;create view 视图名称 as select 原表中的列名 from 原表名&#xff1b; 删除视图&#xff1a; 语法&#xff1a;drop view 视图名&…
阅读更多...
【Python】Numpy数组的切片、索引详解：取数组的特定行列

【Python】Numpy数组的切片、索引详解：取数组的特定行列

【Python】Numpy数组的切片、索引详解&#xff1a;取数组的特定行列 文章目录【Python】Numpy数组的切片、索引详解&#xff1a;取数组的特定行列1. 介绍2. 切片索引2.1 切片索引先验知识2.1 一维数组的切片索引2.3 多维数组的切片索引3. 数组索引&#xff08;副本&#xff09;…
阅读更多...
Linux解压压缩

Linux解压压缩

打包tar首先我们得提一下专门用于打包文件的命令——tartar用于备份文件&#xff0c;打包多个文件或者目录&#xff0c;也可以用于还原被打包的文件假设打包目录test下的文件 tar -cvf test.tar ./test 假设打包目录test下的文件,并用gzip命令将包压缩 tar -zcvf test.tar ./te…
阅读更多...
华为OD机试题，用 Java 解【蛇形矩阵】问题

华为OD机试题，用 Java 解【蛇形矩阵】问题

最近更新的博客 华为OD机试 - 猴子爬山 | 机试题算法思路 【2023】华为OD机试 - 分糖果（Java） | 机试题算法思路 【2023】华为OD机试 - 非严格递增连续数字序列 | 机试题算法思路 【2023】华为OD机试 - 消消乐游戏（Java） | 机试题算法思路 【2023】华为OD机试 - 组成最大数…
阅读更多...
22河北省赛 F

22河北省赛 F

Problem - F - Codeforces 思维构造题 题意: 一个长为n的直线洞窟中, 每一个1~n的整数位置都有一个洞口可以容纳一只兔子 有一只兔子在这个洞窟里四处躲藏, 每一回合都必须向左或者向右移动, 不能待在原地 你每一次都可以在兔子移动之前检查任何一个洞口 要求在最坏的情况…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023