Почему это лучше? Вам не нужно дублировать нарисованный код. Теперь вы можете изменить любой код, не связанный с угловыми радиусами, не обновляя 2 или более мест.
ель:
Рисунок 1: Цель
Итак, прежде чем я узнал об этой проблеме, вот что я попробовал.
Во-первых, базовый макет:
<LinearLayout
android:orientation="horizontal"
android:layout_below="@id/heading"
android:layout_marginTop="10dp"
android:layout_width="@dimen/horizontal_two_button_width"
android:layout_height="@dimen/button_height_small" >
<Button
android:id="@+id/button_one"
android:layout_width="0dp"
android:layout_weight="1.0"
android:layout_height="fill_parent"
android:padding="10dp"
style="@style/ButtonText"
android:background="@drawable/button_left_green" />
<Button
android:id="@+id/button_two"
android:layout_width="0dp"
android:layout_weight="1.0"
android:layout_height="fill_parent"
android:padding="10dp"
style="@style/ButtonText"
android:background="@drawable/button_right_green" />
</LinearLayout>
Рисуемое изображение «button_left_green»:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/button_left_green_pressed"
android:state_pressed="true" />
<item android:drawable="@drawable/button_left_green_focused"
android:state_focused="true" />
<item android:drawable="@drawable/button_left_green_default" />
</selector>
И, например, отрисовка button_left_green_default:
<?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="@color/shadow" />
<corners
android:radius="5dp"
android:topLeftRadius="5dp"
android:topRightRadius="0dp"
android:bottomLeftRadius="5dp"
android:bottomRightRadius="0dp" />
</shape>
</item>
<item
android:bottom="19dp"
android:top="1dp"
android:left="1dp"
android:right="1dp" >
<shape android:shape="rectangle">
<gradient
android:startColor="@color/button_left_green_top_gradient_start"
android:endColor="@color/button_left_green_top_gradient_end"
android:angle="270" />
<corners
android:radius="5dp"
android:topLeftRadius="5dp"
android:topRightRadius="0dp"
android:bottomLeftRadius="0dp"
android:bottomRightRadius="0dp" />
</shape>
</item>
<item
android:top="19dp"
android:bottom="1dp"
android:left="1dp"
android:right="1dp" >
<shape android:shape="rectangle" >
<solid android:color="@color/button_left_green_bottom_gradient" />
<corners
android:radius="5dp"
android:topLeftRadius="0dp"
android:topRightRadius="0dp"
android:bottomLeftRadius="5dp"
android:bottomRightRadius="0dp" />
</shape>
</item>
</layer-list>
Итак, после всего этого я получил изображение на рисунке 2:
Рисунок 2: Возьми один
После двойной проверки определения нижних углов я был убежден, что сошел с ума, пока не обнаружил известную проблему:http://code.google.com/p/android/issues/detail?id=9161
Я бы предпочел не просто поменять их местами, потому что тогда, если / когда проблема будет решена, кнопки будут сломаны в более новых версиях.
У меня была идея оставить настоящие кнопки как обычные прямоугольники (т.е. без угловых радиусов) и обернуть обе кнопки скругленным прямоугольником. Я добавил фон для рисования в LinearLayout, у которого были закругленные углы, но углы кнопок перекрывали край закругленного края LinearLayout (см. Рисунок 3).
Рисунок 3: Возьми два
Как сохранить фон кнопки в пределах фона родительского элемента для рисования? Или у вас есть другие предложения о том, как обойти эту ошибку?