android Button 样式

2024-08-23 17:48
文章标签 android 样式 button

本文主要是介绍android Button 样式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

我们在开发的过程中很多时候要用到一些触发事件改变一个控件的背景颜色或样式。

接下来就是自定义的一些触发事件的样式效果  都是通用的,希望对大家有所帮助。

记住是放在res>>drawable下面

----------------------------------------项目中的真实代码如下---------------------------

<?xmlversion="1.0"encoding="utf-8"?>

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

      <itemandroid:state_pressed="true">

            <shape>

                  <gradientandroid:startColor="#0d76e1"android:endColor="#0d76e1"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <itemandroid:state_focused="true">

            <shape>

                  <gradientandroid:startColor="#ffc2b7"android:endColor="#ffc2b7"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <item>

            <shape>

                  <gradientandroid:startColor="#000000"android:endColor="#ffffff"

                        android:angle="180"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="5dip"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

</selector>

----------------------------------------------简单的介绍一下各个的作用和使用-------------------------------------- 

<shape>
            <!-- 实心 -->
           <solid android:color="#ff9d77"/>
            <!--
渐变 -->
            <gradient
               android:startColor="#ff8c00"
               android:endColor="#FFFFFF"
               android:angle="270" />
            <!--
描边 -->
            <stroke
               android:width="2dp"
               android:color="#dcdcdc" />
            <!--
圆角 -->
            <corners
               android:radius="2dp" />
            <padding
               android:left="10dp"
               android:top="10dp"
               android:right="10dp"
               android:bottom="10dp" />
        </shape>

gradient 主体渐变 startColor开始颜色,endColor结束颜色angle开始渐变的角度(值只能为90的倍数,0时为左到右渐变,90时为下到上渐变,依次逆时针类推)
stroke
边框 width 边框宽度,color 边框颜色
corners
圆角 radius 半径,0为直角
padding text
值的相对位置


1.solid:实心,就是填充的意思
android:color指定填充的颜色

2.gradient:渐变
android:startColor
android:endColor分别为起始和结束颜色,android:angle是渐变角度,必须为45的整数倍
另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"

android:angle网上有各种说法,这里,我说说自己的实验结果,渐变的时候,最原始的,即android:angle“0”时,是从左到右,按照开始颜色到结束颜色来渲染的,android:angle“90”是从下到上来渲染的,android:angle“270”是从上到下来渲染的,android:angle“180”是从右到左来渲染的,android:angle“360”android:angle“0”是一样的,所以这里应该是这样的,渲染时按照最原始的渲染色板(把控件内部看作一块可以绕中心旋转的板子)围绕控件中心来逆时针旋转相应的度数,即android:angle里面的值就是所需要旋转的角度,只是这个旋转角度必须是45的整数倍


3.stroke:描边
android:width="2dp"
描边的宽度,android:color 描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp" 
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。

4.corners:圆角
android:radius
为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,方法为:
<corners 
       android:topRightRadius="20dp"   
右上角
       android:bottomLeftRadius="20dp"   
右下角
       android:topLeftRadius="1dp"   
左上角
       android:bottomRightRadius="0dp"   
左下角
 />
这里有个地方需要注意,bottomLeftRadius是右下角,而不是左下角,这个不要记错了
还有网上看到有人说设置成0dp无效,不过我在测试中发现是可以的,我用的是4.2,可能修复了这个问题吧,如果无效的话那就只能设成1dp了。

5.padding:间隔
中间文字距离边框的间隔。

<?xmlversion="1.0"encoding="utf-8"?>

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

      <itemandroid:state_pressed="true">

            <shape>

                  <gradientandroid:startColor="#0d76e1"android:endColor="#0d76e1"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <itemandroid:state_focused="true">

            <shape>

                  <gradientandroid:startColor="#ffc2b7"android:endColor="#ffc2b7"

                        android:angle="270"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="2dp"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

 

      <item>

            <shape>

                  <gradientandroid:startColor="#000000"android:endColor="#ffffff"

                        android:angle="180"/>

                  <strokeandroid:width="1dip"android:color="#f403c9"/>

                  <cornersandroid:radius="5dip"/>

                  <paddingandroid:left="10dp"android:top="10dp"

                        android:right="10dp"android:bottom="10dp"/>

            </shape>

      </item>

</selector>

希望对大家有所帮助,有问题可以Q聊 QQ:545614498



这篇关于android Button 样式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1100076

相关文章

Android实现图片浏览功能的示例详解(附带源码)

《Android实现图片浏览功能的示例详解(附带源码)》在许多应用中,都需要展示图片并支持用户进行浏览,本文主要为大家介绍了如何通过Android实现图片浏览功能,感兴趣的小伙伴可以跟随小编一起学习一... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

在Android中使用WebView在线查看PDF文件的方法示例

《在Android中使用WebView在线查看PDF文件的方法示例》在Android应用开发中,有时我们需要在客户端展示PDF文件,以便用户可以阅读或交互,:本文主要介绍在Android中使用We... 目录简介:1. WebView组件介绍2. 在androidManifest.XML中添加Interne

Python实现Excel批量样式修改器(附完整代码)

《Python实现Excel批量样式修改器(附完整代码)》这篇文章主要为大家详细介绍了如何使用Python实现一个Excel批量样式修改器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录前言功能特性核心功能界面特性系统要求安装说明使用指南基本操作流程高级功能技术实现核心技术栈关键函

Android协程高级用法大全

《Android协程高级用法大全》这篇文章给大家介绍Android协程高级用法大全,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友跟随小编一起学习吧... 目录1️⃣ 协程作用域(CoroutineScope)与生命周期绑定Activity/Fragment 中手

Android 缓存日志Logcat导出与分析最佳实践

《Android缓存日志Logcat导出与分析最佳实践》本文全面介绍AndroidLogcat缓存日志的导出与分析方法,涵盖按进程、缓冲区类型及日志级别过滤,自动化工具使用,常见问题解决方案和最佳实... 目录android 缓存日志(Logcat)导出与分析全攻略为什么要导出缓存日志?按需过滤导出1. 按

Python清空Word段落样式的三种方法

《Python清空Word段落样式的三种方法》:本文主要介绍如何用python-docx库清空Word段落样式,提供三种方法:设置为Normal样式、清除直接格式、创建新Normal样式,注意需重... 目录方法一:直接设置段落样式为"Normal"方法二:清除所有直接格式设置方法三:创建新的Normal样

Android Paging 分页加载库使用实践

《AndroidPaging分页加载库使用实践》AndroidPaging库是Jetpack组件的一部分,它提供了一套完整的解决方案来处理大型数据集的分页加载,本文将深入探讨Paging库... 目录前言一、Paging 库概述二、Paging 3 核心组件1. PagingSource2. Pager3.

SpringBoot+EasyExcel实现自定义复杂样式导入导出

《SpringBoot+EasyExcel实现自定义复杂样式导入导出》这篇文章主要为大家详细介绍了SpringBoot如何结果EasyExcel实现自定义复杂样式导入导出功能,文中的示例代码讲解详细,... 目录安装处理自定义导出复杂场景1、列不固定,动态列2、动态下拉3、自定义锁定行/列,添加密码4、合并

Android kotlin中 Channel 和 Flow 的区别和选择使用场景分析

《Androidkotlin中Channel和Flow的区别和选择使用场景分析》Kotlin协程中,Flow是冷数据流,按需触发,适合响应式数据处理;Channel是热数据流,持续发送,支持... 目录一、基本概念界定FlowChannel二、核心特性对比数据生产触发条件生产与消费的关系背压处理机制生命周期

Android ClassLoader加载机制详解

《AndroidClassLoader加载机制详解》Android的ClassLoader负责加载.dex文件,基于双亲委派模型,支持热修复和插件化,需注意类冲突、内存泄漏和兼容性问题,本文给大家介... 目录一、ClassLoader概述1.1 类加载的基本概念1.2 android与Java Class