`

Android背景渐变色(shape,gradient)

 
阅读更多

Android设置背景色可以通过在res/drawable里定义一个xml,如下:

[代码]xml代码:

1 <?xml version="1.0" encoding="utf-8"?>
2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
3     <gradient
4         android:startColor="#FFF"
5         android:endColor="#000"
6         android:angle="45" />
7 </shape>

shape是用来定义形状的,gradient定义该形状里面为渐变色填充,startColor起始颜色,endColor结束颜色,angle表示方向角度。当angle=0时,渐变色是从左向右。 然后逆时针方向转,当angle=90时为从下往上。

实现过程

第一步:

res/drawable/background_login.xml

[代码]xml代码:

1 <?xml version="1.0" encoding="utf-8"?>
2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
3     <gradient
4         android:startColor="#FFF"
5         android:endColor="#000"
6         android:angle="45" />
7 </shape>

第二步:

res/layout/login.xml

[代码]xml代码:

1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3     android:orientation="vertical"
4     android:layout_width="fill_parent"
5     android:layout_height="fill_parent"
6     android:background="@drawable/background_login">
7 </LinearLayout>
第三步:

[代码]java代码:

01 import android.app.Activity;
02 import android.os.Bundle;
03   
04 public class LoginActivity extends Activity {
05     @Override
06     public void onCreate(Bundle savedInstanceState) {
07         super.onCreate(savedInstanceState);
08         setContentView(R.layout.login);
09     }
10 }

效果图:

渐变颜色效果图

分享到:
评论
5 楼 u011467537 2015-01-24  
4 楼 asdf12343800 2014-12-11  
asdf12343800 写道
asdf12343800 写道
asdf12343800 写道
  : lol:

fghhg

gfhghgh

dfgfgfvcbv5655454
3 楼 asdf12343800 2014-12-11  
asdf12343800 写道
asdf12343800 写道
  : lol:

fghhg

gfhghgh
2 楼 asdf12343800 2014-12-11  
asdf12343800 写道
  : lol:

fghhg
1 楼 asdf12343800 2014-12-11  
  : lol:

相关推荐

    Android实现 Shape属性gradient 渐变效果

    【1】&lt;gradient&gt;用以定义渐变色,可以定义两色渐变和三色渐变,及渐变样式;  &lt;?xml version=1.0 encoding=utf-8?&gt;&lt;shape xmlns:android=http://schemas.android.com/apk/res/android&gt; &lt;gradient  ...

    gradient001 渐变色紫色登录页

    gradient001 渐变色紫色登录页 gradient001 渐变色紫色登录页 gradient001 渐变色紫色登录页 gradient001 渐变色紫色登录页 gradient001 渐变色紫色登录页 gradient001 渐变色紫色登录页 gradient001 渐变色紫色登录...

    android TextView 文字部分渐变

    android实现TextView文字部分渐变色;LinearGradientFontSpan SpannableString

    纯css3 gradient属性制作6种渐变色的按钮样式

    纯css3 gradient属性制作6种渐变色的按钮样式

    Android LinearGradient 线性渐变渲染

    【Android UI】Paint Gradient 渐变渲染 ① ( LinearGradient 线性渐变渲染 | 设置渲染方向 | 设置渲染颜色 | 设置渲染模式 | MIRROR ) https://blog.csdn.net/shulianghan/article/details/125047457 博客配套源码 ...

    qt qml ColorGradientPicker 渐变色设置器

    QT QML渐变色彩设置控件 ... /渐变轴上有若干色块锚点 /锚点点击弹出色彩选择控件供设置色彩 /设置完毕,渐变轴刷新 /锚点可拖移,拖移中渐变轴实时刷新 /点击渐变轴空白处,新增锚点 /将锚点拖到界面外可删除

    android中实现背景图片颜色渐变方法

    &lt;shape xmlns:android=”http://schemas.android.com/apk/res/android”&gt;     &lt;gradient   android:startColor=”#55FF0000″   android:centerColor=”#99A73C3C”   android:endColor=”#99000000″

    使用CSS3的背景渐变Text Gradient 创建文字颜色渐变

    使用CSS3 的背景渐变 -webkit-gradient ,用一个背景渐变的 DIV 代替图片。下面是实现效果示例,相比以上方案优点是不使用图片,减小请求量和流量

    Android代码-漂亮的色彩渐变式背景效果。

    Flowing Gradient Library Android ver 3.1 How to use Add these lines in your build.gradle files: In your Project Level build.gradle repositories { jcenter() } In your App Level build.gradle ...

    VB6.0在窗口中实现背景渐变.rar

    VB6.0在窗口中实现背景渐变,渐变可随窗口的大小变化自动填充,挺平滑的渐变,修改渐变可修改VB中的代码即可,本渐变不仅限于窗体背景,也可用于其它的窗口元素中,比如按钮和对话框中。

    网页模板——Vue.js圆形CSS3颜色渐变色拾取器.zip

    网页模板——Vue.js圆形CSS3颜色渐变色拾取器

    react-GradientLab是一款采用React制作的渐变色选择器

    GradientLab是一款采用React制作的渐变选择器,旨在让您快速直观地选择漂亮的渐变色。

    Android 控件设置阴影效果

    本文主要记录Android控件设置阴影 给控件设置阴影,会使得界面元素更... 新建一个渐变的图层 item作为背景图层,主要是 gradient,shape是用来定义形状的,corners设置角度,gradient定义该形状里面为渐变色填充,star

    Android Shape实例

    Android Shape源码实例,通过shape可以为为视图设置圆角背景,既可以通过在xml文件中直接为视图设置背景,又可以通过在代码中动态设置。

    CSS实现背景渐变和自动全屏的代码

    所以这篇文章主要介绍CSS背景渐变色和自动全屏适应 背景渐变色 本文只介绍线性渐变 背景渐变相信大家也都不陌生先看下图 小编配的这个色也还可以哈 代码如下 body{ background-image: -webkit-linear-gradient...

    CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器

    要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但是,在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全...

    兼容当前五大浏览器的渐变颜色背景gradient的写法

    经常有一些时候需要使用渐变背景,使用长条图片有点太不高大上了,于是自己写了个小例子,兼容多浏览器就要为每一个浏览器写对应的 CSS,太低版本的浏览器只能使用图片做背景。 下面是当前五大浏览器对 gradient 的...

    Android代码-歌词风格的TextView,利用Gradient渐变实现。

    GradientTextView 效果 GradientTextView 功能 GradientTextView是一个文字颜色逐步改变的自定义view,目前只有两种颜色。 如何使用 GradientTextView Step 1....Step 2....GradienTextView gradienTextView = ...

Global site tag (gtag.js) - Google Analytics