Button的单击变色+button上面图片下边文字+圆角

简单来说就是自定义一个drawable。

有两种情况。

第一种：

单击时变色，不单击则原色：(pressed是单击，focused是获取焦点，selected是被选择的根据需要更改)

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/arr_down_gray" android:state_focused="false"/>
<item android:drawable="@drawable/arr_down_gray_click" android:state_pressed="true"/>
<item android:drawable="@drawable/arr_down_gray_click" android:state_focused="true"/>
<item android:drawable="@drawable/arr_down_gray_click" android:state_selected="true"/></selector>

@drawable时可以是圆角的文件：

圆角也是在drawable放置

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"><cornersandroid:bottomLeftRadius="5dp"android:topLeftRadius="5dp"/><stroke android:color="#1E4A71"android:width="1dp"/><solid android:color="#17293C"/>
</shape>

第二种：

选择则改变，不选择则默认：

如：

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/nav_waybill"android:state_checked="false"/><item android:drawable="@drawable/nav_waybill_cur"android:state_checked="true"/>
</selector>

----------------------------------------------------------分割线---------------------------------------------------------------

对于button上面图片下边文字可以用以下方式：

<Buttonandroid:id="@+id/waybill_button"android:layout_width="0dp"android:layout_height="match_parent"android:button="@null"android:layout_weight="1"android:checked="true"android:drawableTop="@drawable/nav_waybill_bg"android:text="运单"android:textColor="@drawable/nav_text_color"android:gravity="center"android:background="#152D43"/>

然后text的变色可以加下面的drawable：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:color="#fff"android:state_checked="false"/><item android:color="#0397D8"android:state_checked="true"/>
</selector>

对于图片放置的问题，可以先从drawable-xxhdpi文件夹实现，然后开不同分辨率下的效果，有时不用准备一套图片就能实现。

图片如下：

转载于:https://www.cnblogs.com/ccddy/p/3991189.html

Button的单击变色+button上面图片下边文字+圆角相关推荐

android 图片绑定按钮,Android编程实现给Button添加图片和文字的方法
本文实例讲述了Android编程实现给Button添加图片和文字的方法.分享给大家供大家参考,具体如下: //为按钮添加图片和文字的方法 public Spanned getSpan(int id, ...
HTML button 和 input type=“button”的区别 / input type=submit 和button的区别
HTML <button> 和 input type="button"的区别: 1. <button>标签里可以放文本图片等内容,与<input> ...
html图片文字下方,css图片下边怎么加字
css图片下边怎么加字比较简单的做法就是,将他们放置在一个盒子内,让文字跟图片居中,只需要利用css样式的text-align属性即可,并且各个浏览器都会正常显示,代码如下: 这里是居中的文字 .b ...
html button onclick 列表,HTML Button.onclick 事件汇总
HTML Button.onclick 事件汇总 οnclick="document.all.WebBrowser.ExecWB( 1,1)" type="button& ...
自定义Dialog（图片，文字说明，单选按钮）----类ListPreference实现（2）
在上一篇中,只是实现一个perference,但是点击以后没有响应事件,我们可以定义一个一个Dialog,Dialog选项里面需要有图片,文字说明,后面还需要一个单选按钮,所以自己写了一个demo, ...
SwiftUI3优秀文章 NavigationLink图片和文字显示蓝色或者图片无显示
SwiftUI3优秀文章 NavigationLink图片和文字显示蓝色或者图片无显示我们来看一段代码 var body: some View {NavigationView {Navigation ...
python图片转文字
用python+Tesseract-OCR做了一个图片转文字的小工具,GUI设计使用tkinter库的控件界面及效果见下图: #进一步优化 1. 底部添加label 2.对识别后的文本处理,去空格f ...
让图片说出声音来(利用讯飞API实现图片转文字和文字转语音)
k思路:调用讯飞的图片识别和语音输出的API实现图片转文字和语音 **APPID,APIKey,APISecret自己在讯飞网站注册即可**,免费使用的,填在img_audio.php文件最后对应的位 ...
如何实现背景/背景图片透明文字不透明
如何实现背景/背景图片透明文字不透明第一种情况,背景为自定义颜色第二种情况,背景为图片总结: 第一种情况,背景为自定义颜色直接给父级背景颜色设置background:rgba();就可以了: ...
android水印控件,Android图片添加文字水印并保存水印文字图片到指定文件
Android图片添加文字水印并保存水印文字图片到指定文件package zhangphil.test;import android.graphics.Bitmap;import android.gr ...

Button的单击变色+button上面图片下边文字+圆角

Button的单击变色+button上面图片下边文字+圆角相关推荐

最新文章

热门文章