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

相关文章

C#实现添加/替换/提取或删除Excel中的图片

《C#实现添加/替换/提取或删除Excel中的图片》在Excel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更加美观,下面我们来看看如何在C#中实现添加/替换/提取或删除E... 在Excandroidel中插入与数据相关的图片,能将关键数据或信息以更直观的方式呈现出来,使文档更

C#中图片如何自适应pictureBox大小

《C#中图片如何自适应pictureBox大小》文章描述了如何在C#中实现图片自适应pictureBox大小,并展示修改前后的效果,修改步骤包括两步,作者分享了个人经验,希望对大家有所帮助... 目录C#图片自适应pictureBox大小编程修改步骤总结C#图片自适应pictureBox大小上图中“z轴

使用Python将长图片分割为若干张小图片

《使用Python将长图片分割为若干张小图片》这篇文章主要为大家详细介绍了如何使用Python将长图片分割为若干张小图片,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. python需求的任务2. Python代码的实现3. 代码修改的位置4. 运行结果1. Python需求

使用 Python 和 LabelMe 实现图片验证码的自动标注功能

《使用Python和LabelMe实现图片验证码的自动标注功能》文章介绍了如何使用Python和LabelMe自动标注图片验证码,主要步骤包括图像预处理、OCR识别和生成标注文件,通过结合Pa... 目录使用 python 和 LabelMe 实现图片验证码的自动标注环境准备必备工具安装依赖实现自动标注核心

Java操作xls替换文本或图片的功能实现

《Java操作xls替换文本或图片的功能实现》这篇文章主要给大家介绍了关于Java操作xls替换文本或图片功能实现的相关资料,文中通过示例代码讲解了文件上传、文件处理和Excel文件生成,需要的朋友可... 目录准备xls模板文件:template.xls准备需要替换的图片和数据功能实现包声明与导入类声明与

基于C#实现将图片转换为PDF文档

《基于C#实现将图片转换为PDF文档》将图片(JPG、PNG)转换为PDF文件可以帮助我们更好地保存和分享图片,所以本文将介绍如何使用C#将JPG/PNG图片转换为PDF文档,需要的可以参考下... 目录介绍C# 将单张图片转换为PDF文档C# 将多张图片转换到一个PDF文档介绍将图片(JPG、PNG)转

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

【测试】输入正确用户名和密码,点击登录没有响应的可能性原因

目录 一、前端问题 1. 界面交互问题 2. 输入数据校验问题 二、网络问题 1. 网络连接中断 2. 代理设置问题 三、后端问题 1. 服务器故障 2. 数据库问题 3. 权限问题: 四、其他问题 1. 缓存问题 2. 第三方服务问题 3. 配置问题 一、前端问题 1. 界面交互问题 登录按钮的点击事件未正确绑定,导致点击后无法触发登录操作。 页面可能存在

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk