怎样根据button的不同状态更改图片 Andriod

本文深入探讨了Android中使用颜色状态列表(ColorStateList)为UI控件提供动态颜色变化的方法,通过XML配置实现按钮在不同状态(如按下、聚焦、选中等)下的颜色变化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

和这个原理一样

weibobtn.xml

 

 

<?xml version="1.0" encoding="UTF-8"?>  

<selector xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:state_pressed="true" 

     android:drawable="@drawable/weibo_hover" />

    <item android:state_focused="true"  

        android:drawable="@drawable/weibo_hover" />  

    <item android:drawable="@drawable/weibo" />  

</selector>  

 

 

main.xml

 

 <ImageButton  

        android:layout_width="50px" android:layout_height="50px" 

        android:layout_marginLeft="20px" android:layout_marginTop="20px"

 

        android:scaleType="fitXY"   

        android:background="@android:color/transparent" android:id="@+id/weibobtn"

        android:src="@drawable/weibobtn" />  

 

Color State List Resource

ColorStateList is an object you can define in XML that you can apply as a color, but will actually change colors, depending on the state of the View object to which it is applied. For example, a Button widget can exist in one of several different states (pressed, focused, or niether) and, using a color state list, you can provide a different color during each state.

You can describe the state list in an XML file. Each color is defined in an <item> element inside a single <selector> element. Each <item> uses various attributes to describe the state in which it should be used.

During each state change, the state list is traversed top to bottom and the first item that matches the current state will be used—the selection is not based on the "best match," but simply the first item that meets the minimum criteria of the state.

Note: If you want to provide a static color resource, use a simple Color value.

file location:
res/color/filename.xml
The filename will be used as the resource ID.
compiled resource datatype:
Resource pointer to a  ColorStateList.
resource reference:
In Java:  R.color.filename
In XML:  @[package:]color/filename
syntax:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
   
<item
       
android:color="hex_color"
       
android:state_pressed=["true" | "false"]
       
android:state_focused=["true" | "false"]
       
android:state_selected=["true" | "false"]
       
android:state_checkable=["true" | "false"]
       
android:state_checked=["true" | "false"]
       
android:state_enabled=["true" | "false"]
       
android:state_window_focused=["true" | "false"] />
</selector>
elements:
<selector>
Required. This must be the root element. Contains one or more  <item> elements.

attributes:

xmlns:android
StringRequired. Defines the XML namespace, which must be  "http://schemas.android.com/apk/res/android".
<item>
Defines a color to use during certain states, as described by its attributes. Must be a child of a  <selector> element.

attributes:

android:color
Hexadeximal colorRequired. The color is specified with an RGB value and optional alpha channel.

The value always begins with a pound (#) character and then followed by the Alpha-Red-Green-Blue information in one of the following formats:

  • #RGB
  • #ARGB
  • #RRGGBB
  • #AARRGGBB
android:state_pressed
Boolean. "true" if this item should be used when the object is pressed (such as when a button is touched/clicked); "false" if this item should be used in the default, non-pressed state.
android:state_focused
Boolean. "true" if this item should be used when the object is focused (such as when a button is highlighted using the trackball/d-pad); "false" if this item should be used in the default, non-focused state.
android:state_selected
Boolean. "true" if this item should be used when the object is selected (such as when a tab is opened); "false" if this item should be used when the object is not selected.
android:state_checkable
Boolean. "true" if this item should be used when the object is checkable; "false" if this item should be used when the object is not checkable. (Only useful if the object can transition between a checkable and non-checkable widget.)
android:state_checked
Boolean. "true" if this item should be used when the object is checked; "false" if it should be used when the object is un-checked.
android:state_enabled
Boolean. "true" if this item should be used when the object is enabled (capable of receiving touch/click events); "false" if it should be used when the object is disabled.
android:state_window_focused
Boolean. "true" if this item should be used when the application window has focus (the application is in the foreground), "false" if this item should be used when the application window does not have focus (for example, if the notification shade is pulled down or a dialog appears).

Note: Remember that the first item in the state list that matches the current state of the object will be applied. So if the first item in the list contains none of the state attributes above, then it will be applied every time, which is why your default value should always be last (as demonstrated in the following example).

example:
XML file saved at  res/color/button_text.xml:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
   
<item android:state_pressed="true"
         
android:color="#ffff0000"/> <!-- pressed -->
   
<item android:state_focused="true"
         
android:color="#ff0000ff"/> <!-- focused -->
   
<item android:color="#ff000000"/> <!-- default -->
</selector>

This layout XML will apply the color list to a View:

<Button
   
android:layout_width="fill_parent"
   
android:layout_height="wrap_content"
   
android:text="@string/button_text"
   
android:textColor="@color/button_text" />

 

### 实现Button点击事件弹出显示图片 为了实现在Android应用中通过点击按钮来显示图片,可以采用如下方式: 在`activity_main.xml`文件内定义界面布局时,使用`FrameLayout`作为容器,并放置一个`ImageView`用于展示图片。此部分配置应类似于下面的XML代码[^2]。 ```xml <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:visibility="gone" <!-- 初始状态下隐藏 --> android:src="@drawable/your_image_resource"/> <!-- 替换成实际资源ID --> </FrameLayout> ``` 接着,在`MainActivity.java`中的`onCreate()`函数里完成对按钮组件的绑定以及设置监听器的操作。当检测到按钮被按下时,则改变`ImageView`的状态使其可见并加载指定图像资源[^1]。 ```java @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button buttonShowImage = findViewById(R.id.button_show_image); // 关联控件 final ImageView imageViewToShow = findViewById(R.id.imageView); buttonShowImage.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 设置ImageView为可见状态 imageViewToShow.setVisibility(View.VISIBLE); } }); } ``` 上述操作实现了点击特定按钮后使预设好的图片显现出来的功能需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值