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点击按钮改变图片相关推荐

python点击按钮改变图片_单击tkinter按钮时更改图片
点击了python和一些按钮后,会产生一些颜色变化的按钮当单击按钮时,是否可以更改按钮使用的.gif?我希望它在GPIO引脚关闭时显示ON,在GPIO引脚打开时显示off.在目前我有:#BCM17 ...
JQuery实现点击按钮切换图片(附源码)--JQuery基础
JQuery实现切换图片相对比较简单,直接贴代码了哈,有注释噢!疑问请追加评论哈,不足之处还请大佬们指出! 1.案例代码: demo.html: <!DOCTYPE html> <h ...
js实现点击按钮切换图片功能_☆*往事随風*☆的博客
文章目录前言一.DOM是什么? 二.对象的HTML DOM 树三.图片切换练习 1.要求 2.实现思路 3.示例代码 1.html示例代码如下: 2.css示例代码如下: 2.js示例代码如下: ...
vue中点击按钮切换图片
vue中点击按钮切换图片直接附上代码,亲测有效  <template><div><div class="">< ...
html改游戏聊天字体颜色,html点击按钮改变字体颜色怎么实现
html点击按钮改变字体颜色的实现方法:1.创建一个html文件:2.在html文件中添加html代码架构:3.在body标签里面使用button标签实现一个按钮,并使用style给按钮添加样式以及使 ...
Android 点击按钮切换图片
Android 点击按钮切换图片效果如图: 点击后: 主要代码: //切换图片 but1.setBackgroundResource(R.drawable.qq1); 全部代码: public cl ...
Viewer.js点击按钮放大图片用法
1.Viewer.js点击按钮放大图片用法 <div onclick="getHideBig('hide_img_weight1')" id="btn_img_we ...
html点按钮展开图片,案例：点击按钮隐藏图片再次点击显示图片
要求如题,本宝宝的代码如下: Document .hide{ display: none; } 隐藏图片 function fn(){ var img=document.getElementById( ...
tkinter点击按钮实现图片的切换
tkinter是python的标准Tk GUI工具包的接口,在windows下如果你安装的python3,那在安装python的时候,就已经自动安装了tkinter了如果是在linux系统中,则不会 ...

ImageButton点击按钮改变图片

ImageButton点击按钮改变图片相关推荐

最新文章

热门文章