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使用java实现网络连通性检查详解

《Android使用java实现网络连通性检查详解》这篇文章主要为大家详细介绍了Android使用java实现网络连通性检查的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录NetCheck.Java(可直接拷贝)使用示例(Activity/Fragment 内)权限要求

2025最新版Android Studio安装及组件配置教程(SDK、JDK、Gradle)

《2025最新版AndroidStudio安装及组件配置教程(SDK、JDK、Gradle)》:本文主要介绍2025最新版AndroidStudio安装及组件配置(SDK、JDK、Gradle... 目录原生 android 简介Android Studio必备组件一、Android Studio安装二、A

C#借助Spire.XLS for .NET实现Excel工作表自动化样式设置

《C#借助Spire.XLSfor.NET实现Excel工作表自动化样式设置》作为C#开发者,我们经常需要处理Excel文件,本文将深入探讨如何利用C#代码,借助强大的Spire.XLSfor.N... 目录为什么需要自动化工作表样式使用 Spire.XLS for .NET 实现工作表整体样式设置样式配置

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.