Ромбовидный фон xml для просмотра Android

Привет, кто-нибудь, пожалуйста, предложите мне, как создать android xml, как показано ниже?

введите описание изображения здесь

Теперь я использую код ниже

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <rotate
            android:fromDegrees="45"
            android:pivotX="-40%"
            android:pivotY="87%"
            android:toDegrees="45">
            <shape android:shape="rectangle">
                <stroke
                    android:width="10dp"
                    android:color="@color/colorAccent" />
                <solid android:color="@color/colorAccent" />
            </shape>
        </rotate>
    </item>
</layer-list>

но его результат - треугольник, но мне нужна форма выше.


android xml android-drawable shape
person user3068659    schedule 26.04.2017    source источник
comment
что вы пробовали для этого. добавьте свой код.   -  person Chetan Joshi    schedule 26.04.2017
comment
Самый простой способ - использовать .png на ImageButton и отображать.   -  person Hasnain    schedule 26.04.2017
comment
спасибо за поддержку @all   -  person user3068659    schedule 26.04.2017
comment
я исправил с помощью этого руководства android-dev-examples.blogspot .in/2014/08/   -  person user3068659    schedule 26.04.2017

Ответы (4)


arrow_upward
13
arrow_downward

Проверь это,

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:left="43dp"
    android:top="43dp"
    android:right="43dp"
    android:bottom="43dp">
    <rotate android:fromDegrees="45">
        <shape>
            <size
                android:width="200dp"
                android:height="200dp" />
            <gradient
                android:startColor="#0fdcc9"
                android:endColor="#0fdcc9" />
            <stroke
                android:width="5dp"
                android:color="#2DACA0" />
        </shape>
    </rotate>
</item>
</layer-list>
person Archana    schedule 26.04.2017
comment
Идеальный ответ. Просто измените startColor и endColor на значение #66BF9E, а в строке color на значение #318264. - person Nitin Patel; 26.04.2017
comment
Это решение, которое я использовал, но вам не нужен «градиент»; ‹solid› подойдет. - person greeble31; 03.03.2018
comment
@ greeble31 Тег <solid> будет работать для одного сплошного цвета. Если мы хотим использовать более одного цвета, мы можем использовать <gradient>. В этом случае мы можем использовать <solid> вместо ‹градиента›, оба варианта будут работать. - person Archana; 06.03.2018
comment
Это сработало, спасибо - person O' alone Music; 17.03.2021
comment
@O'aloneMusic палец вверх.. - person Archana; 17.03.2021

arrow_upward
1
arrow_downward

Это мой файл для рисования для файла ic_diamond.xml в форме ромба.

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="372.7dp"
android:height="367.4dp"
android:viewportWidth="372.7"
android:viewportHeight="367.4">

<path
    android:fillColor="#50AE89"
    android:strokeColor="#266D4F"
    android:strokeWidth="5"
    android:strokeMiterLimit="10"
    android:pathData="M188.706,51.8702 L318.105,181.269 L183.968,315.406 L54.5691,186.007
                   L188.706,51.8702 Z" />
</vector>

Я включаю это в простое представление:

<View
    android:layout_width="100dp"
    android:layout_height="40dp"
    android:layout_centerInParent="true"
    android:background="@drawable/ic_diamond"
    />

Вот результат:

введите здесь описание изображения

person Satan Pandeya    schedule 26.04.2017
comment
не могли бы вы поделиться со мной, как вы создаете это векторное изображение? Я пытался использовать студию Android, но все еще сталкивался с проблемой - person user3068659; 26.04.2017
comment
Я просто создаю svg и конвертирую его в вектор. :D - person Satan Pandeya; 26.04.2017

arrow_upward
0
arrow_downward

я исправил с помощью этого руководства здесь

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="43dp"
        android:left="43dp"
        android:right="43dp"
        android:state_pressed="true"
        android:top="43dp">
        <rotate android:fromDegrees="45">
            <shape>
                <size
                    android:width="200dp"
                    android:height="200dp" />
                <gradient
                    android:endColor="@color/colorPrimaryDark"
                    android:startColor="@color/colorPrimaryDark" />

                <stroke
                    android:width="5dp"
                    android:color="@color/colorPrimary" />
                <corners android:radius="7dp" />
                <padding
                    android:bottom="10dp"
                    android:left="10dp"
                    android:right="10dp"
                    android:top="10dp" />
            </shape>
        </rotate>
    </item>
</layer-list>
person user3068659    schedule 26.04.2017

arrow_upward
-1
arrow_downward

Вот ресурс для рисования, который создает квадрат размером 200dp и поворачивает его на 45°, чтобы сформировать форму ромба:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="50dp"
        android:left="50dp"
        android:right="50dp"
        android:top="50dp">
        <rotate android:fromDegrees="45">
            <shape>
                <size
                    android:width="200dp"
                    android:height="200dp"/>
                <stroke
                    android:width="10dp"
                    android:color="#358165"/>
                <solid android:color="#69BE9E"/>
            </shape>
        </rotate>
    </item>
</layer-list>
person doeslater    schedule 19.06.2017
comment
Хотя этот код может дать ответ на вопрос, предоставление дополнительного контекста относительно того, как и/или почему он решает проблему, улучшит долгосрочную ценность ответа. - person Badacadabra; 19.06.2017