Рисованная форма для Android: превратите прямоугольник в квадрат

Question

Я пытаюсь определить красивую форму квадрата с закругленными углами в Android, но могу получить только хороший прямоугольник с закругленными углами.

Мой xml в / res / drawable выглядит так:

<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res/uk.co.alexlydiate.sequencer">

<item android:state_pressed="true" 
      app:state_playing = "true" >
    <shape>
        <stroke
            android:width="2dp"
            android:color="@color/red" />
        <corners
            android:radius="3dp" />
        <padding
            android:left="10dp"
            android:top="10dp"
            android:right="10dp"
            android:bottom="10dp" />
        <solid 
            android:color="@color/blue" />
        <size
            android:width="3dp"
            android:height="3dp" />
    </shape>        
</item>
</selector>

И все работает отлично, кроме

<size android:width="3dp" android:height="3dp" />

Что я бы надеялся, что все получилось квадратным, но не повезло.

Мой макет выглядит так:

 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/grid8x8"
    android:gravity="center"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

<uk.co.alexlydiate.sequencer.Key  android:background="@drawable/key"        
    android:id="@+id/keyA1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:layout_weight="1"  android:layout_margin="2px"
/>
<uk.co.alexlydiate.sequencer.Key  android:background="@drawable/key"        
    android:id="@+id/keyA2"
    android:layout_below="@+id/keyA1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:layout_weight="1"  android:layout_margin="2px"
/>
</RelativeLayout>

У кого-нибудь есть какие-нибудь яркие идеи?Спасибо!

Answer 1

AFAIK: shapes растягиваются в соответствии с макетом View. Вместо этого вы можете определить Квадрат View и установить shape фон.

OR

Использование изображения в качестве фона