`
jxuin
  • 浏览: 30021 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Android 背景渐变 渐变背景 shape(转)

阅读更多
  1. <?xml version= "1.0"  encoding= "utf-8" ?>   
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >   
  3.     <gradient    
  4.         android:startColor="#3A3C39"     
  5.         android:endColor="#181818"    
  6.         android:angle="270"    
  7.      />   
  8.     <corners android:radius="0dp"  />   
  9. </shape>  
  10.   
  11. android:background="@drawable/shape_background_grey"    
<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <gradient  
        android:startColor="#3A3C39"  
        android:endColor="#181818" 
        android:angle="270" 
     /> 
    <corners android:radius="0dp" /> 
</shape>

android:background="@drawable/shape_background_grey" 


其中 android:angle="270" 

代表方向, 270表示从上到下,180表示从右到左,默认从左
Java代码
  1. <shape xmlns:android= "http://schemas.android.com/apk/res/android"   
  2.     android:shape="rectangle" >  
  3.     <gradient android:type="radial"  android:gradientRadius= "250"   
  4.         android:startColor="#E9E9E9"  android:endColor= "#D4D4D4"  />  
  5. </shape>  
  6.   
  7.   
  8. <shape xmlns:android="http://schemas.android.com/apk/res/android" >  
  9.  <gradient android:angle="0"  android:startColor= "#FFdaf3fc"   
  10.   android:centerColor="#FFd4e9a9"  android:endColor= "#FFdaf3fc" />  
  11. </shape>  
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient android:type="radial" android:gradientRadius="250"
        android:startColor="#E9E9E9" android:endColor="#D4D4D4" />
</shape>


<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <gradient android:angle="0" android:startColor="#FFdaf3fc"
  android:centerColor="#FFd4e9a9" android:endColor="#FFdaf3fc"/>
</shape>


在这里要注意android:type="radial"类型的使用会有不同的效果

android:centerColor="#FFd4e9a9" 通常这个也不是被人常用

Java代码
  1. <?xml version= "1.0"  encoding= "utf-8" ?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
  3.     android:shape="rectangle" >  
  4.     <gradient android:startColor="#509245"  android:centerColor= "#3e8532"   
  5.         android:endColor="#509245"  android:type= "linear"  android:angle= "90"   
  6.         android:centerX="0.5"  android:centerY= "0.5"  />  
  7.     <padding android:left="7dp"  android:top= "7dp"  android:right= "7dp"   
  8.         android:bottom="7dp"  />  
  9.     <corners android:radius="4dp"  />  
  10. </shape>  
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <gradient android:startColor="#509245" android:centerColor="#3e8532"
                android:endColor="#509245" android:type="linear" android:angle="90"
                android:centerX="0.5" android:centerY="0.5" />
        <padding android:left="7dp" android:top="7dp" android:right="7dp"
                android:bottom="7dp" />
        <corners android:radius="4dp" />
</shape>


android:shape 配置的是图形的形式,主要包括方形、圆形等,上边代码为方形。gradient节点主要配置起点颜色、终点颜色、中间点的坐标、中间点的颜色、渐变角度 (90度为上下渐变,0为左右渐变),padding节点主要配置上下左右边距,corners节点配置四周园角的半径。
分享到:
评论

相关推荐

    android shape的使用及渐变色、分割线、边框、半透明阴影

    Android Shape的使用及渐变色、分割线、边框、半透明阴影 Android Shape是一种在Android系统中使用的图形形状控件,可以用于创建各种形状的视图控件,例如矩形、椭圆、线条、圆环等。Shape控件可以使用xml文件来...

    android 界面 渐变背景颜色

    渐变背景主要通过`&lt;gradient&gt;`标签在XML资源文件中定义,该标签位于`&lt;shape&gt;`标签内部,属于Android图形资源的一部分。`&lt;gradient&gt;`支持多种属性设置,如开始颜色(`android:startColor`)、结束颜色(`android:...

    Android中使用Shape自定义形状

    Shape也可与动画结合,例如使用`android:animation-list`创建一个颜色渐变的效果。定义多个Shape作为动画帧,并指定每帧的持续时间。 7. **Shape与Selector** 结合使用`&lt;selector&gt;`,Shape可以实现点击态、选中态...

    android shape样式

    在Android开发中,Shape是XML资源文件中定义的一种图形元素,它可以用来创建各种形状,如矩形、椭圆、线和路径,同时支持自定义样式,包括圆角、虚线边框、部分圆角以及颜色的渐变效果。这篇内容将深入探讨Android ...

    android动态改变shape的颜色值

    在Android开发中,Shape是XML布局文件中定义的一种图形元素,通常用于创建自定义的背景、按钮或者其他UI组件。它可以包含各种形状(如矩形、圆形、线等),并可以通过填充色、边框色以及边框宽度来定制样式。本教程...

    Android设置虚线、圆角、渐变

    在Android开发中,为UI元素添加虚线、圆角和渐变效果是常见的需求,可以提升应用的视觉吸引力。下面将详细讲解如何实现这些效果。 ### 一、虚线(Dashed Line) 在Android中,我们可以使用`Shape Drawable`来创建...

    Android 动态渐变button

    "Android 动态渐变button"就是一种这样的设计,它使得按钮在用户交互时呈现出动态的色彩过渡效果,增加了界面的活力和互动性。在本篇中,我们将深入探讨如何实现这种酷炫的动态渐变button,并分享相关的技术细节。 ...

    android shape

    Android 中的 Shape 是一个非常重要的概念,它用于定义控件的显示属性,如颜色、渐变、描边、圆角、间隔等。今天,我们将详细地介绍 Shape 的使用方法和相关知识点。 首先,看下面的代码: ```xml &lt;shape&gt; &lt;!-- ...

    android设置颜色渐变

    在Android开发中,颜色渐变是一种常见的视觉效果,可以用于背景、按钮、进度条等多种界面元素,提升用户体验。本文将详细介绍如何在Android中实现颜色渐变,并通过一个名为"MyDemo"的实例进行演示。 首先,我们需要...

    android UI 之 渐变效果

    渐变效果还可以应用于多种UI元素,如按钮、背景等,通过适当地调整渐变参数,可以创造出丰富的视觉效果。同时,`GradientDrawable`还支持多种其他特性,如渐变的角度、颜色位置、透明度变化等,这些都是开发者在设计...

    android Shape介绍

    在Android开发中,Shape是XML布局文件中定义的一种图形元素,它允许开发者创建自定义的背景形状,以增强UI设计的美观性和功能性。本篇文章将深入探讨Android Shape的使用,包括它支持的四种基本图形以及三种渐变颜色...

    Android Shape实例

    总结,Android Shape是Android开发中的一个重要工具,它提供了绘制各种形状的能力,特别是用于创建圆角矩形背景,并支持渐变效果。通过熟练掌握Shape的使用,开发者可以为应用程序创造出独特且美观的界面。

    android渐变色

    在Android中,渐变色广泛应用于背景、按钮、图标等UI元素的设计中,可以极大地提升应用的美观性和吸引力。根据过渡方式的不同,渐变色主要分为线性渐变和径向渐变两大类。 - **线性渐变**:颜色沿着一条直线方向...

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

    在Android开发中,为背景图片实现颜色渐变的方法通常是通过使用`&lt;gradient&gt;`标签在XML资源文件中定义一个形状(`&lt;shape&gt;`),然后在布局文件中引用这个资源作为背景。这种方法可以让开发者轻松地控制渐变的颜色、...

    android 代码实现shape效果

    在Android开发中,Shape是用于绘制自定义图形的一种XML元素,通常被用来创建各种背景,如矩形、椭圆、线或边框等。在本主题中,我们将深入探讨如何通过代码实现`shape`效果,特别是使用`GradientDrawable`来创建渐变...

    Android shape属性详解

    在Android开发中,Shape是XML绘图的一种基本元素,它允许开发者定义自定义的图形,如矩形、椭圆、线或梯形等,并应用于视图背景、按钮样式或者自定义视图等。Shape对象是Android图形绘制的核心部分,通过调整其属性...

    popupwindow以及渐变背景

    渐变背景可以通过自定义drawable资源实现,常用的渐变类型有线性渐变(Linear Gradient)和径向渐变(Radial Gradient)。这里以线性渐变为例: 1. 在res/drawable目录下创建一个xml文件,例如gradient_background....

    Android_shape

    在Android开发中,`shape`元素是经常用来创建自定义图形和背景的关键工具。它属于Android的图形绘制层,主要用于定义各种形状,如矩形、圆形、椭圆、线等,并支持填充颜色、渐变、边框等效果。在本文中,我们将深入...

    Android控件美化之Shape的使用

    ### Android控件美化之Shape的使用 在Android开发过程中,为了提升用户体验,界面美观是非常重要的一个环节。在美化界面的过程中,`Shape`是一种非常实用且灵活的工具,它可以帮助开发者轻松实现各种各样的视觉效果...

Global site tag (gtag.js) - Google Analytics