本文主要是介绍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点击按钮改变图片的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!