如何在android中创建像Iphone Edittext框一样的渐变

这是一个例子iPhone EditText控制。：

如何在 Android 中创建相同的控件？

基本上，我看到三种方式做你想做的事。

第一种方法：

第一个是，如阿基 说，制作一个 9 补丁，精确复制您要使用的渐变填充框（未指定的其他平台）。这可以让您的应用程序在两个平台上看起来尽可能接近完全相同。

这是根据上面的屏幕截图制作的 9 块补丁。 （这是res/drawable-*dpi/rounded_text_field.9.png)

第二种方法：

第二个是使用可扩展的本机绘图功能获得相同的效果。这看起来并不完全相同，但可以提供更平滑的结果。

下面是一些生成带有渐变填充的圆角矩形图像的代码。 （这是res/drawable/gradientbg.xml)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle"
>
<corners android:radius="8dp"/>
<stroke android:width="2dp"
    android:color="#444"/>
<gradient 
   android:startColor="#888"
   android:centerColor="#fff"
   android:endColor="#fff"
   android:type="linear"
   android:angle="270"
   />
</shape>

事实上，我撒谎了。在我的原始屏幕截图中，角太大了，因此我将角半径从 16dp 减小到 8dp。这是现在的样子。进步很大，你不觉得吗？而且比调整 4 种不同密度的位图要容易得多。

第三种方法：

第三种方法是让平台成为它想要的样子，并在自己的范式内尽可能地呈现出最好的效果。这样做的优点是，在不同版本的操作系统上，即使系统主题发生变化，您的应用程序也将与系统的其余部分无缝融合。

这是默认的EditText在 Gingerbread 上运行完全相同的代码。它在 Holo 主题设备（例如我用来创建第一个屏幕截图的 Jellybean 平板电脑）上看起来非常不合适，反之亦然。

作为参考，这里是包含所有三个 EditText 的布局。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="32dp"
android:orientation="vertical"
 >
<EditText
    android:id="@+id/editText1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="24dp"
    android:layout_marginTop="24dp"
    android:padding="12dp"
    android:gravity="center"
    android:background="@drawable/rounded_text_field"
    android:inputType="text"
    android:textColor="@android:color/black"
    android:text="9-patch background." >
    <requestFocus />
</EditText>
<EditText
    android:id="@+id/editText2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="24dp"
    android:layout_marginTop="24dp"
    android:padding="12dp"
    android:gravity="center"
    android:background="@drawable/gradientbg"
    android:inputType="text"
    android:textColor="@android:color/black"
    android:text="Gradient background." />
<EditText
    android:id="@+id/editText2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="24dp"
    android:layout_marginTop="24dp"
    android:padding="12dp"
    android:gravity="center"
    android:inputType="text"
    android:text="Default background." />
</LinearLayout>