xml中设置button的背景颜色

在画几个设置界面,用到了button控件,对于button空间的背景色在不同状态下的颜色改变方法,做了一下尝试,发现了两种背景颜色改变的方法,就总结了下。

方法一尝试了好多遍才好,要点在于,在selector中android:drawable="@drawable/button_focus"引号中为xml文件,此xml文件为color类型,且在此color xml文件中

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

android:color="@color/button_focus_color">  <!-- 注意此处android:color的位置 -->

</color>

android:color="@color/button_focus_color"在color控件中。

方法一:填充button背景颜色的方法

在factory_reset这个xml文件中,其具体xml文件为:

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

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

android:layout_width="560px"

android:layout_height="348px"

android:background="#212121"

android:orientation="vertical"

android:layout_gravity="center_vertical|center_horizontal">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content" >   <!-- 怎样设置 -->

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center|bottom"

android:text="确定要恢复出厂设置吗?"

android:textColor="#e6e6e6"

android:textSize="34px"

android:paddingTop="68px"

/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:gravity="center_horizontal" >

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

<Button

android:id="@+id/bn2"

android:layout_width="520px"

android:layout_height="72px"

android:text="取消"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

</LinearLayout>

</LinearLayout>

其中的Button,以第一个为例:

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

其中button_background_selectorxml文件,可在res中新建drawable文件夹并将其放置到其中,具体为

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

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

<item android:state_focused="true" android:drawable="@drawable/button_focus" > </item>

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

</selector>

其中button_focus以及button_default也分别为xml文件,放在drawalbe文件夹中

button_focus.xmlxml文件具体为:

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

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

android:color="@color/button_focus_color">

</color>

button_default.xmlxml文件具体为:

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

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

android:color="@color/button_default_color">

</color>

其中的button_focus_colorbutton_default_colorvalues文件夹中新建的color.xml文件中定义的,具体代码如下:

 

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

<resources>

<color name="button_focus_color">#004B64</color>

<color name="button_default_color">#3B3B3B</color>

<color name="text_focus_color">#ffffff</color>

<color name="text_default_color">#e6e6e6</color>

</resources>

方法二:采用9patch图片做button背景图片的方法

在factory_reset这个xml文件中,其具体xml文件为:(跟方法一中的代码是一样的,方法二只是改变了button_background_selector这个xml文件里的东西

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

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

android:layout_width="560px"

android:layout_height="348px"

android:background="#212121"

android:orientation="vertical"

android:layout_gravity="center_vertical|center_horizontal">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content" >   <!-- 怎样设置 -->

<TextView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center|bottom"

android:text="确定要恢复出厂设置吗?"

android:textColor="#e6e6e6"

android:textSize="34px"

android:paddingTop="68px"

/>

</LinearLayout>

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

android:gravity="center_horizontal" >

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

<Button

android:id="@+id/bn2"

android:layout_width="520px"

android:layout_height="72px"

android:text="取消"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

</LinearLayout>

</LinearLayout>

其中的Button,以第一个为例:

<Button

android:id="@+id/bn1"

android:layout_width="520px"

android:layout_height="72px"

android:text="保存"

android:textSize="28px"

android:gravity="center_vertical|center_horizontal"

android:layout_marginBottom="18px"

android:layout_marginTop="60px"

android:background="@drawable/button_background_selector"

android:textColor="@drawable/button_text_selector"

/>

其中button_background_selectorxml文件,可在res中新建drawable文件夹并将其放置到其中,具体为:

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

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

<item android:state_focused="true" android:drawable="@drawable/button_pressed" > </item>

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

</selector>

由于这里给出了button_pressedbutton_normal这两个9patch背景图片,所以可以直接用android:drawable=“两张9patch图片的位置”来改变button的背景。

其中在res中新建了drawable文件夹,并在里边放了button_pressedbutton_normal这两个9patch图片,如下图所示:

时间: 2024-10-14 12:49:25

xml中设置button的背景颜色的相关文章

QStandardItemModel中设置项目的背景颜色

如何根据内容显示不同的背景颜色? 参照ECMWF的Metview源码实现. Qt的Model中不同类型的数据用role区分,Qt的宏ItemDataRole提供了一些角色: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 enum ItemDataRole { DisplayRole = 0, DecorationRole = 1, EditRole = 2, ToolT

android在代码中四种设置控件背景颜色的方法(包括RGB)

转载请注明出处: http://blog.csdn.net/fth826595345/article/details/9208771  TextView tText=(TextView) findViewById(R.id.textv_name); //第1种: tText.setTextColor(android.graphics.Color.RED);//系统自带的颜色类 // 第2种: tText.setTextColor(0xffff00ff);//0xffff00ff是int类型的数据

[]如何在Windows 10中更改文件夹背景颜色

ini文件.我们甚至可以使用相同的技术将图片设置为文件夹背景. 已有工具可以更改Windows 7中Windows资源管理器背景的颜色,并将图像设置为Windows 7中的文件夹背景,但这些工具与Windows 8引入的新文件管理器不兼容. 由于某些原因,这些文件夹背景更改工具在Windows 10和Windows 8/8中不起作用.1.自从Windows 10发布以来,用户一直在要求我们提出一种将图片设置为文件夹背景或至少更改文件夹背景颜色的方法,我们决定提出本指南. 如果您在Windows

[转]如何在Windows 10中更改文件夹背景颜色

ini文件.我们甚至可以使用相同的技术将图片设置为文件夹背景. 已有工具可以更改Windows 7中Windows资源管理器背景的颜色,并将图像设置为Windows 7中的文件夹背景,但这些工具与Windows 8引入的新文件管理器不兼容. 由于某些原因,这些文件夹背景更改工具在Windows 10和Windows 8/8中不起作用.1.自从Windows 10发布以来,用户一直在要求我们提出一种将图片设置为文件夹背景或至少更改文件夹背景颜色的方法,我们决定提出本指南. 如果您在Windows

设置 tableview 的背景 颜色 和清空

表示图中Cell默认是不透明的,那么在设置表示图的背景颜色和图片时通常是看不到的 1.给tableView设置背景view UIImageView *backImageView=[[UIImageViewalloc]initWithFrame:self.view.bounds]; [backImageView setImage:[UIImage imageNamed:@"liaotianbeijing"]]; self.tableView.backgroundView=backImag

linux BASH shell下设置字体及背景颜色

BASH shell下设置字体及背景颜色 echo -e "\e[31mtest\e[41m" \e[30m 将字符的显示颜色改为黑色 \e[31m 将字符的显示颜色改为红色 \e[32m 将字符的显示颜色改为绿色 \e[33m 将字符的显示颜色改为淡红色 \e[34m 将字符的显示颜色改为蓝色 \e[35m 将字符的显示颜色改为紫色 \e[36m 将字符的显示颜色改为淡蓝色 \e[37m 将字符的显示颜色改为灰色 \e[40m -- \e[47m 设置背景色 \e[40m 将背景色设

设置Delphi IDE背景颜色为全黑色,类似VS2017 深色

使用Delphi IDE Colorizer 设置Delphi IDE背景颜色.效果如下 插件下载地址 http://download.csdn.net/detail/liangchua/9673553

制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接, 使用鼠标移动事件控制字幕运动和停止。 2、在下拉列表框中设置五种以上颜色,选择颜色后, 滚动字幕背景色改变成相应颜色

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        时间:2016-12-28        描述:1.制作由下向上的滚动字幕,字幕内容要求包含网站超级链接和图片超级链接,                   使用鼠标移动事件控制

用图片来设置View的背景颜色(结合Quartz2D)

         UIImage *oldImage = [UIImage imageNamed:@"car"];          //旧图片的尺寸和View不匹配,使用Quartz2D生成新图片     UIGraphicsBeginImageContextWithOptions(self.view.frame.size, NO, 0.0);     [oldImage drawInRect:self.view.bounds];     UIImage *newImage = UI