1

imageview の画像を使用して、丸みを帯びた例を 1 つ開発しました。

私はコードの下で使用されています:

<ImageView android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/arrow"
    android:background="@drawable/imagestyle"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"/>

これは、drawable フォルダー内の imagestyle.xml です。

<?xml version="1.0" encoding="UTF-8" ?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#00000000" /> 
    <stroke android:width="0dp" android:color="#FFFFFF" /> 
    <corners android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp"  android:topLeftRadius="10dp" android:topRightRadius="10dp" /> 
    <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp" /> 
</shape>

ここで、以下のような o/p を取得しました。

ここに画像の説明を入力

しかし、イメージを使用せずに同じ o/p が必要です。たとえば、この行 android:src="@drawable/arrow" を使用して、imagestyle.xml の xml コードを介して以下の画像を作成してはいけません。

どうすればいいですか、助けてください。

編集:

今、私は上記のコードを変更する必要があります:

<ImageView android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/imagestyle"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"/>

これは、 drawable フォルダー内のimagestyle .xml です。

<?xml version="1.0" encoding="UTF-8" ?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#DC143C" /> 
    <stroke android:width="0dp" android:color="#FFFFFF" /> 
    <corners android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" /> 
    <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp" />
    <gradient android:startColor="#18d7e5"
        android:centerColor="#16cedb"
        android:endColor="#09adb9"
        android:angle="270" />
    <size android:width="20px" android:height="20px" />
</shape>

これで、画像を使用せずに丸みを帯びた形状を作成し、imagestyle.xml ファイルのみを変更しました。

今、私は下の画像のようなo / pを手に入れました:

ここに画像の説明を入力

私の最初の画像のように、上の画像に三角形を追加するにはどうすればよいですか。助けてください。

4

0 に答える 0