Android: нарисуйте фигуру со скошенным углом

Я хочу использовать фон для своих кнопок. Но когда я использую png, это замедляет работу приложения. Поэтому я хочу использовать форму xml, но не знаю, как срезать угол (как на картинке). введите здесь описание изображения

К настоящему времени у меня есть следующая форма, которая представляет собой просто прямоугольник:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/blue_semi_transparent"/>
    <padding android:bottom="10dp" android:right="10dp" android:top="10dp" android:left="10dp"/>
    <margin android:bottom="10dp" android:right="10dp" android:top="10dp" android:left="10dp"/>
</shape>

Как нарисовать нижний правый угол?


android android-layout skew shape
person Kewitschka    schedule 15.06.2017    source источник

Ответы (3)


arrow_upward
3
arrow_downward

Вы можете попробовать это,

skewed_background.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape android:shape="rectangle" >


            <solid android:color="#3F8EEB" />
        </shape>
    </item>
    <item>
        <rotate
            android:fromDegrees="110"
            android:pivotX="90%"
            android:pivotY="90%"
            >
            <shape android:shape="rectangle" >
                <solid android:color="#FFF" />
            </shape>
        </rotate>
    </item>

</layer-list>

образец_макета.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    android:orientation="vertical" >

    <View
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:background="@drawable/triangle1"/>

</LinearLayout>

Если вы хотите изменить область перекоса, вам просто нужно изменить значения fromDegrees, pivotX и pivotY во втором элементе в skewed_background.xml.

person Muthukrishnan Rajendran    schedule 15.06.2017
comment
Можно ли это сделать программно в Котлине? Мой вопрос находится в этой ссылке stackoverflow.com/questions/66811698/. - person Jevon; 29.03.2021

arrow_upward
2
arrow_downward

Это именно то, что вы ищете

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">


    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/bg"
        android:paddingRight="15dp"
        android:textColor="#ffffff"
        android:layout_centerInParent="true"

        android:text="Button" />
</RelativeLayout>

bg.xml

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


    <item>
        <shape android:shape="rectangle">
            <size
                android:width="100dp"
                android:height="40dp" />
            <solid android:color="#13a89e" />
        </shape>
    </item>


    <item
        android:right="100dp"
        android:left="100dp"
        android:top="-100dp"
        android:bottom="-100dp">
        <rotate
            android:fromDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="#ffffff" />
            </shape>
        </rotate>
    </item>


    <item
        android:right="-100dp"
        android:left="100dp"
        android:top="-100dp"
        android:bottom="-100dp">
        <rotate
            android:fromDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="#ffffff" />
            </shape>
        </rotate>
    </item>

</layer-list>

ВЫВОД

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

person Aditya Vyas-Lakhan    schedule 15.06.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:drawable="@color/colorPrimary"/>


<item android:top="-20dp"
    android:bottom="-50dp"
    android:left="350dp"
    android:right="-120dp">
    <rotate
        android:fromDegrees="10"
        android:pivotX="50%"
        android:pivotY="0%">
        <shape
            android:shape="rectangle">
            <solid
                android:color="?android:colorBackground"/>
        </shape>
    </rotate>
</item>
</layer-list>
person Anmol317    schedule 15.06.2017