安卓背景渐变色

渐变色的设置在鄙人看来只是起到美化的作用,所以只需要掌握即可!

实现起来并不复杂,方法:使用XML的方式为背景添加渐变效果

1.在res/drawable文件夹里添加一个jbshape.xml文件,

右键,新建,android xml

然后写如下代码,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient
        android:angle="270"
        android:centerColor="#00FFFF"
        android:centerX="0.5"
        android:centerY="0.5"
        android:endColor="#666666"
        android:startColor="#0099FF" />

    <padding
        android:bottom="7dp"
        android:left="7dp"
        android:right="7dp"
        android:top="7dp" />

    <corners android:radius="4dp" />

</shape>

渐变色的背景就建立完成了。

说明:
(1)shape节点配置的是图形的形式,主要包括方形、圆形等,上边代码为方形。
(2)gradient节点主要配置起点颜色、终点颜色及中间点的颜色、坐标、渐变效果(0,90,180从左到右渐变,270从上到下渐变)默认从左到右。
(3)corners节点配置四周圆角的半径。
(4)渐变有起始色和中止色两个颜色,其实还可以设置中间色,即先由起始色过渡到中间色,再由中间色过渡到终止色,而centerX和centerY是设定中间色的坐标位置

2.在需要的布局文件中当做背景图片添加即可        android:background="@drawable/jbshape"

实现的效果如下:

看起来是不是还不错,就是这么简单!

补充一下shap里面的标签:

solid:填充
android:color指定填充的颜色

gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色,

android:angle是渐变角度,必须为45的整数倍。
另外渐变默认的模式为android:type="linear",即线性渐变,

可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。

angle值对应的位置如图:

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

corners:圆角
android:radius为角的弧度,值越大角越圆。
我们还可以把四个角设定成不同的角度,

同时设置五个属性,则Radius属性无效

android:Radius="20dp"                           设置四个角的半径

android:topLeftRadius="20dp"              设置左上角的半径 
android:topRightRadius="20dp"           设置右上角的半径 
android:bottomLeftRadius="20dp"      设置右下角的半径 
android:bottomRightRadius="20dp"    设置左下角的半径

padding:间隔
可以设置上下左右四个方向的间隔

主要借鉴:http://www.cnblogs.com/sydeveloper/archive/2013/09/08/3308038.html

http://blog.csdn.net/bear_huangzhen/article/details/24488337

时间: 2024-10-28 18:46:18

安卓背景渐变色的相关文章

CSS3总结二:(background)背景/渐变色函数

background-color(CSS2) background-image background-position background-size background-repeat background-attachment background-origin background-clip 一.背景渐变色 linear-gradient() ==>路径渐变 radial-gradient() ==>经向渐变 repeating-linear-gradient() repeating-r

Android背景渐变色(shape,gradient)

Android设置背景色可以通过在res/drawable里定义一个xml,如下: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#FFF" android:endColor

div+css背景渐变色代码示例

用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器. 代码如下: <style type="text/css"> .jbkeleyi{ height: 300px; width:100px; margin:0px auto; background-image: -moz-linear-gradient(top, #F00, #000); background-image: -webkit-gradient(linear, left top, left botto

css实现背景渐变色效果

webkit内核的浏览器,例如(chrome,safari等) background:-webkit-gradient(linear,0 0,0 100%,from(#000000),to(#ffffff)); 第一个参数表示渐变类型(type),可以是linear(线性渐变)或者radial(径向渐变): 第二个参数和第三个参数,都是一对值,分别表示渐变起点和终点.这对值可以用坐标形式表示,也可以用关键值表示,比如 left top(左上角)和left bottom(左下角): 第四个和第五个

WinForm中按钮等控件的背景渐变色重绘

注:brush通过起止坐标来控制重绘范围及方向.比如从上到下渐变时,brush第二个Point参数是左下角坐标. 1 private void PaintGradientBackground(Button btn) 2 { 3 Bitmap newGradientBackImg = new Bitmap(btn.Width, btn.Height); 4 LinearGradientBrush brush = new LinearGradientBrush(new PointF(0, 0), n

bootstrap 全局 CSS 样式

http://v3.bootcss.com/css/#less-mixins-utility 深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好.更快.更强壮的最佳实践. HTML5 文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型.在你项目中的每个页面都要参照下面的格式进行设置. 复制 <!DOCTYPE html> <html lang="zh-CN"> ...

Android状态选择器用法总结

原创文章,转载请注明出处http://www.cnblogs.com/baipengzhan/p/6284682.html 本文首先列出常见状态选择器的创建,然后按照常用控件来分别列出状态选择器的具体用法. 颜色状态选择器颜色状态选择器创建在res/color目录下,color目录一般不存在,我们自己创建即可. 颜色状态选择器只能用作改变颜色的地方,例如改变文字颜色等场合,不能作为背景, 当做背景时会出错,这点千万要注意. 以下为一个颜色状态选择器,今后可以参考这个创建其它的: <?xml ve

Android开发实例之miniTwitter登录界面的实现

原文: http://www.jizhuomi.com/android/example/134.html 本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界面,下面将分步骤讲解怎样实现图中的界面效果,让大家都能轻松的做出美观的登录界面. miniTwitter登录界面效果图 先贴上最终要完成的效果图: miniTwitter登录界面的布局分析 首先由界面图分析布局,基本可以分为三个部分,下面分别讲解每个部分. 第一部分是一个带渐变色背景的LinearL

[转]SCSS 和 SASS 和 HAML 和CoffeeScript

Asset Pipeline 提供了内建直接使用 Sass 撰写 CSS 的功能. 你也许会生出这样的疑惑:什么是 Sass? Why should I care? Sass (Syntactically Awesome Stylesheets) 原先是内建在 Haml 中的一个副功能. 利用缩排设计避免製造难以 debug 的 syntax error Haml 要谈 Sass,就不得不先来谈 Haml 这个 project. Haml 全名为 HTML Abstract Markup Lan