Tôi muốn tạo nền gradient trong đó gradient nằm ở nửa trên và có một màu đơn sắc ở nửa dưới, như trong hình dưới đây:

Tôi không thể bởi vì centerColortrải ra để bao phủ phía dưới và trên cùng.

Làm thế nào tôi có thể làm một nền như hình ảnh đầu tiên? Làm thế nào tôi có thể làm cho nhỏ centerColormà không lan ra?

Đây là mã trong XML của nút nền ở trên.

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <gradient 
        android:startColor="#6586F0"
        android:centerColor="#D6D6D6"
        android:endColor="#4B6CD6"
        android:angle="90"/>
    <corners 
        android:radius="0dp"/>


</shape>

Bạn có thể tạo giao diện 'nửa độ dốc' này bằng cách sử dụng Danh sách lớp xml để kết hợp các 'dải' trên cùng và dưới cùng thành một tệp. Mỗi ban nhạc là một hình dạng xml.

Xem câu trả lời trước trên SO để biết hướng dẫn chi tiết: Hình dạng nhiều độ dốc .

Hãy thử với điều này:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >

    <gradient
        android:angle="90"
        android:centerColor="#555994"
        android:endColor="#b5b6d2"
        android:startColor="#555994"
        android:type="linear" />

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

</shape>

Ví dụ trực quan giúp với loại câu hỏi này.

bản mẫu

Để tạo một gradient, bạn tạo một tệp xml trong res / drawable. Tôi đang gọi của tôi my_gradient_drawable.xml :

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:type="linear"
        android:angle="0"
        android:startColor="#f6ee19"
        android:endColor="#115ede" />
</shape>

Bạn đặt nó vào nền của một số khung nhìn. Ví dụ:

<View
    android:layout_width="200dp"
    android:layout_height="100dp"
    android:background="@drawable/my_gradient_drawable"/>

loại = "tuyến tính"

Đặt anglecho một linearloại. Nó phải là bội số của 45 độ.

<gradient
    android:type="linear"
    android:angle="0"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

loại = "xuyên tâm"

Đặt gradientRadiuscho một radialloại. Sử dụng %pcó nghĩa là nó là một tỷ lệ phần trăm kích thước nhỏ nhất của cha mẹ.

<gradient
    android:type="radial"
    android:gradientRadius="10%p"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

gõ = "quét"

Tôi không biết tại sao mọi người sẽ sử dụng quét, nhưng tôi bao gồm nó cho hoàn chỉnh. Tôi không thể tìm ra cách thay đổi góc, vì vậy tôi chỉ bao gồm một hình ảnh.

<gradient
    android:type="sweep"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

trung tâm

Bạn cũng có thể thay đổi trung tâm của các loại quét hoặc xuyên tâm. Các giá trị là phân số của chiều rộng và chiều cao. Bạn cũng có thể sử dụng %pký hiệu.

android:centerX="0.2"
android:centerY="0.7"

Liên kết sau có thể giúp bạn http://angrytools.com/gradient/ . Điều này sẽ tạo nền gradient tùy chỉnh trong Android giống như trong photoshop.

Trước tiên, bạn cần tạo một gradient.xml như sau

<shape>
    <gradient android:angle="270" android:endColor="#181818" android:startColor="#616161" />

    <stroke android:width="1dp" android:color="#343434" />
</shape>

Sau đó, bạn cần đề cập đến độ dốc trên trong nền của bố cục. Sau đây

<?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/gradient"
    >   
</LinearLayout>

Hoặc bạn có thể sử dụng mã bất cứ điều gì bạn có thể nghĩ trong PSD:

    private void FillCustomGradient(View v) {
        final View view = v;
        Drawable[] layers = new Drawable[1];

        ShapeDrawable.ShaderFactory sf = new ShapeDrawable.ShaderFactory() {
            @Override
            public Shader resize(int width, int height) {
                LinearGradient lg = new LinearGradient(
                        0,
                        0,
                        0,
                        view.getHeight(),
                        new int[] {
                                 getResources().getColor(R.color.color1), // please input your color from resource for color-4
                                 getResources().getColor(R.color.color2),
                                 getResources().getColor(R.color.color3),
                                 getResources().getColor(R.color.color4)},
                        new float[] { 0, 0.49f, 0.50f, 1 },
                        Shader.TileMode.CLAMP);
                return lg;
            }
        };
        PaintDrawable p = new PaintDrawable();
        p.setShape(new RectShape());
        p.setShaderFactory(sf);
        p.setCornerRadii(new float[] { 5, 5, 5, 5, 0, 0, 0, 0 });
        layers[0] = (Drawable) p;

        LayerDrawable composite = new LayerDrawable(layers);
        view.setBackgroundDrawable(composite);
    }

//Color.parseColor() method allow us to convert
// a hexadecimal color string to an integer value (int color)
int[] colors = {Color.parseColor("#008000"),Color.parseColor("#ADFF2F")};

//create a new gradient color
GradientDrawable gd = new GradientDrawable(
GradientDrawable.Orientation.TOP_BOTTOM, colors);

gd.setCornerRadius(0f);
//apply the button background to newly created drawable gradient
btn.setBackground(gd);

Tham khảo từ đây https://android--code.blogspot.in/2015/01/android-button-gradient-color.html

Sử dụng mã này trong thư mục drawable.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#3f5063" />
    <corners
        android:bottomLeftRadius="30dp"
        android:bottomRightRadius="0dp"
        android:topLeftRadius="30dp"
        android:topRightRadius="0dp" />
    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp" />
    <gradient
        android:angle="45"
        android:centerColor="#015664"
        android:endColor="#636969"
        android:startColor="#2ea4e7" />
    <stroke
        android:width="1dp"
        android:color="#000000" />
</shape>

Tại sao không tạo một hình ảnh hoặc một hình ảnh 9 Patch và sử dụng nó?

Liên kết dưới đây có một hướng dẫn tốt về cách làm:

http://android.amberfog.com/?p=247

Nếu bạn khăng khăng sử dụng Hình dạng, hãy thử trang web bên dưới (Chọn Android ở dưới cùng bên trái): http://angrytools.com/gradient/

Tôi đã tạo một độ dốc tương tự (không chính xác) với độ dốc bạn có tại liên kết này: http://angrytools.com/gradient/?0_6586f0,54_4B6CD6,2_D6D6D6&0_100,100_100&l_269