修改Button样式

Android SDK doc : http://androidappdocs.appspot.com/reference/android/widget/ImageButton.html

 

 

Displays a button with an image (instead of text) that can be pressed or clicked by the user. By default, an ImageButton looks like a regular Button, with the standard button background that changes color during different button states. The image on the surface of the button is defined either by the android:src attribute in the<ImageButton> XML element or by the setImageResource(int) method.

ImageButton中修改按钮样式需要定一个Xml元素表,并在Layout xml中用android:src加载效果。

 

To remove the standard button background image, define your own background image or set the background color to be transparent.

移除标准按钮背景图片,自定义背景图片或者设置背景图片的颜色为透明。

 

To indicate the different button states (focused, selected, etc.), you can define a different image for each state. E.g., a blue image by default, an orange one for when focused, and a yellow one for when pressed. An easy way to do this is with an XML drawable "selector." For example:

为了区分按钮的不同状态(聚焦,被选中等),你可以使用不同的图片....

 

Save the XML file in your project res/drawable/ folder and then reference it as a drawable for the source of your ImageButton (in the android:src attribute). Android will automatically change the image based on the state of the button and the corresponding images defined in the XML.

将该文件保存在 res/drawable/下 并使用android:src标签引用。 Android会自动改变对应状态的背景图片。

 

The order of the <item> elements is important because they are evaluated in order. This is why the "normal" button image comes last, because it will only be applied afterandroid:state_pressed and android:state_focused have both evaluated false.

在<item>标签列表的顺序是至关重要的,因为只有在android:state_pressed和android:state_focuesd 同时为false的情况下,默认的图标样式才会被显示(没按放在那里的时候,看到的按钮样式)

 

 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用以下方法批量修改按钮样式的CSS: 1. 使用类名:为所有需要修改样式的按钮添加相同的类名,然后在CSS中通过类名选择器来修改样式。例如,给这些按钮添加一个名为 "custom-button" 的类名: ```html <button class="custom-button">按钮1</button> <button class="custom-button">按钮2</button> <button class="custom-button">按钮3</button> ``` 然后在CSS中使用类名选择器修改样式: ```css .custom-button { /* 在这里添加您想要修改样式 */ } ``` 2. 使用父元素选择器:如果这些按钮都位于同一个父元素下,您可以使用父元素选择器来修改子元素的样式。例如,如果这些按钮都位于一个id为 "button-container" 的容器内: ```html <div id="button-container"> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> </div> ``` 您可以使用父元素选择器修改子元素的样式: ```css #button-container button { /* 在这里添加您想要修改样式 */ } ``` 3. 使用属性选择器:如果这些按钮具有相同的某个属性值,您可以使用属性选择器来修改样式。例如,如果这些按钮都具有相同的 "data-custom" 属性值: ```html <button data-custom="1">按钮1</button> <button data-custom="1">按钮2</button> <button data-custom="1">按钮3</button> ``` 您可以使用属性选择器修改样式: ```css button[data-custom="1"] { /* 在这里添加您想要修改样式 */ } ``` 以上是三种常见的方法来批量修改按钮样式的CSS。根据您的具体需求和HTML结构,您可以选择适合您的方法来修改样式

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值