Shape详解与背景渐变色

最新推荐文章于 2025-06-13 15:03:21 发布

转载最新推荐文章于 2025-06-13 15:03:21 发布 · 1.9k 阅读

文章标签：

#android #encoding #layout #import #class #图形

android UI 专栏收录该内容

17 篇文章

订阅专栏

本文探讨了在Android开发中如何通过自定义图形shape来改变控件样式，包括背景色、渐变色、填充、描边、圆角等属性的应用。详细介绍了shape、gradient、solid、stroke、corners等属性的用法，并提供了实现过程和示例代码。此外，还对比了使用drawable图片与自定义shape的优缺点，以及如何减少APK大小的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置背景色可以通过在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="#000"
  android:angle="45"
/>
</shape>

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

实现过程：

第一步：

res/drawable/background_login.xml

第二步：

res/layout/login.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/background_login">

</LinearLayout>

第三步：

import android.app.Activity;
import android.os.Bundle;

public class LoginActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.login);
    }
}

效果图：

在Android开发过程中，经常需要改变控件的默认样式，那么通常会使用多个图片来解决。不过这种方式可能需要多个图片，比如一个按钮，需要点击时的式样图片，默认的式样图片。这样就容易使apk变大。

那么除了使用drawable这样的图片外，还有其他方法吗？

本次就谈一下自定义图形shape，Android上支持以下几种属性shape、gradient、stroke、corners、padding、solid等。

简单说明一下：

gradient -- 对应颜色渐变。 startcolor、endcolor就不多说了。 android:angle 是指从哪个角度开始变。
solid -- 填充。
stroke -- 描边。
corners -- 圆角。
padding -- 定义内容离边界的距离。与android:padding_left、android:padding_right这些是一个道理。