ImageButton点击按钮改变图片

2023-11-29 09:58

本文主要是介绍ImageButton点击按钮改变图片,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一.ImageButton点击按钮改变图片

**************************ImageButton点击按钮改变图片 有两种写法*****************************

*****第一种:在代码中*****

**MaActivity.class**

 

import android.os.Build;
import android.os.Bundle;
import android.annotation.SuppressLint;
import android.annotation.TargetApi;
import android.app.Activity;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;public class MainActivity extends Activity {private ImageButton imageButton;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//发现控件imageButton = (ImageButton) findViewById(R.id.imageButton);//触摸监听控件imageButton.setOnTouchListener(new View.OnTouchListener(){            public boolean onTouch(View v, MotionEvent event) {     //点击if(event.getAction() == MotionEvent.ACTION_DOWN){       //重新设置按下时的背景图片  ((ImageButton)v).setImageDrawable(getResources().getDrawable(R.drawable.ae));   Toast.makeText(MainActivity.this, "点击了", 0).show();}else if(event.getAction() == MotionEvent.ACTION_UP){ //松开      //再修改为抬起时的正常图片  ((ImageButton)v).setImageDrawable(getResources().getDrawable(R.drawable.as));  Toast.makeText(MainActivity.this, "松开了", 0).show();}  return false;       }       });  }}

 

 

**布局**

 

<RelativeLayout 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"><ImageButtonandroid:id="@+id/imageButton"android:layout_width="100dp"android:layout_height="100dp"android:layout_centerHorizontal="true"android:layout_centerVertical="true"/></RelativeLayout>

 

 

***********************第二种写法:通过给按钮配置XML文件来实现图片按钮的背景切换效果,方法如下***********************

1) 在Layout或drawable下增加一个image_btn_press.xml文件,内容如下:图片自己选择添加

 

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

 

****************布局********************

2) 在main.xml中设置图片按钮的属性,装上面的xml文件增加到图片按钮中,内容如下:

 

<ImageButton  android:id="@+id/imageButton2"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:background="@layout/image_btn_press" />  

 

 

在ImageButtonk中指定background的属性值:@layout/image_btn_press,其中image_btn_press就是上面为该图片铵钮创建的XML配置文件,文件名不要写错了。同时,你也可以将image_btn_press.xml文件放到drawable的目录下,此时,就要将它的属性值修改为:@drawable/image_btn_press即可,也就是说指定它的XML文件的正确路经就行了。

另外,需要特别注意的是在ImageButton中,如果使用XML配置文件来设置图片的效果的话,就不要再指定它的android:src=""属性值了,否则图片的按下效果就出不来了。

这两种方法各有各的好处,在实际运用过种当种可以根据自己的需要进行选择。

 

二.Button、TextView等布局点击按钮改变背景颜色

1.布局使用:(设置圆角状态选择器)

<?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="wrap_content"android:background="#ffffff"><!--android:background="?attr/selectableItemBackground"--><LinearLayoutandroid:id="@+id/ll"android:layout_marginTop="30dp"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/course_list_selector"android:orientation="horizontal"android:paddingTop="15dp"android:paddingBottom="15dp"><LinearLayoutandroid:id="@+id/ll_data"android:paddingTop="15dp"android:paddingBottom="15dp"android:background="@drawable/selector_button"android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="wrap_content"><ImageViewandroid:background="@drawable/bg_yuanjiao"android:layout_gravity="center"android:layout_width="50dp"android:visibility="gone"android:layout_height="50dp" /><TextViewandroid:id="@+id/tv_num"android:text="1"android:layout_marginLeft="20dp"android:textColor="@color/white"android:textSize="14sp"android:gravity="center|left"android:layout_gravity="center"android:layout_width="wrap_content"android:layout_height="wrap_content" /><TextViewandroid:id="@+id/popup_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center|left"android:singleLine="true"android:ellipsize="marquee"android:marqueeRepeatLimit="marquee_forever"android:layout_gravity="center"android:layout_marginLeft="10dp"android:text="KING"android:textColor="@color/white"android:textSize="14sp" /></LinearLayout></LinearLayout><TextViewandroid:layout_width="match_parent"android:layout_height="0.5dp"android:layout_below="@+id/ll"android:background="@color/colorPrimary" /></RelativeLayout>
android:background="@drawable/course_list_selector"
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 这个是按下去的时候item显示背景色 -->;<item android:drawable="@color/pink" android:state_pressed="true"></item><!-- 这个是默认的item背景色,设为了透明 --><item android:drawable="@android:color/transparent" android:state_pressed="false"></item></selector>

 或

android:background="@drawable/selector_button"

 

<?xml version="1.0" encoding="utf-8"?>
<!-- 默认圆角按钮样式 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android"><!-- 禁用状态 --><item android:state_enabled="false"><shape android:shape="rectangle"><corners android:radius="@dimen/button_round_size" /><solid android:color="@color/colorButtonDisable" /></shape></item><!-- 按压状态 --><item android:state_pressed="true"><shape android:shape="rectangle"><corners android:radius="@dimen/button_round_size" /><solid android:color="@color/colorButtonPressed" /></shape></item><!-- 焦点状态 --><item android:state_focused="true"><shape android:shape="rectangle"><corners android:radius="@dimen/button_round_size" /><solid android:color="@color/colorButtonPressed" /></shape></item><!-- 默认状态 --><item><shape android:shape="rectangle"><corners android:radius="@dimen/button_round_size" /><solid android:color="@color/colorAccent" /></shape></item></selector>

 

 

 

 

 

 

这篇关于ImageButton点击按钮改变图片的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/432391

相关文章

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

Go语言如何判断两张图片的相似度

《Go语言如何判断两张图片的相似度》这篇文章主要为大家详细介绍了Go语言如何中实现判断两张图片的相似度的两种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 在介绍技术细节前,我们先来看看图片对比在哪些场景下可以用得到:图片去重:自动删除重复图片,为存储空间"瘦身"。想象你是一个

使用Python实现base64字符串与图片互转的详细步骤

《使用Python实现base64字符串与图片互转的详细步骤》要将一个Base64编码的字符串转换为图片文件并保存下来,可以使用Python的base64模块来实现,这一过程包括解码Base64字符串... 目录1. 图片编码为 Base64 字符串2. Base64 字符串解码为图片文件3. 示例使用注意

c/c++的opencv实现图片膨胀

《c/c++的opencv实现图片膨胀》图像膨胀是形态学操作,通过结构元素扩张亮区填充孔洞、连接断开部分、加粗物体,OpenCV的cv::dilate函数实现该操作,本文就来介绍一下opencv图片... 目录什么是图像膨胀?结构元素 (KerChina编程nel)OpenCV 中的 cv::dilate() 函

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

Java实现图片淡入淡出效果

《Java实现图片淡入淡出效果》在现代图形用户界面和游戏开发中,**图片淡入淡出(FadeIn/Out)**是一种常见且实用的视觉过渡效果,它可以用于启动画面、场景切换、轮播图、提示框弹出等场景,通过... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细

Java如何根据文件名前缀自动分组图片文件

《Java如何根据文件名前缀自动分组图片文件》一大堆文件(比如图片)堆在一个目录下,它们的命名规则遵循一定的格式,混在一起很难管理,所以本文小编就和大家介绍一下如何使用Java根据文件名前缀自动分组图... 目录需求背景分析思路实现代码输出结果知识扩展需求一大堆文件(比如图片)堆在一个目录下,它们的命名规

将图片导入Python的turtle库的详细过程

《将图片导入Python的turtle库的详细过程》在Python编程的世界里,turtle库以其简单易用、图形化交互的特点,深受初学者喜爱,随着项目的复杂度增加,仅仅依靠线条和颜色来绘制图形可能已经... 目录开篇引言正文剖析1. 理解基础:Turtle库的工作原理2. 图片格式与支持3. 实现步骤详解第

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项