10

Есть main_layout, на котором есть 6 иконок (ImageButton). Хотелось бы, чтобы все 6 иконок были пропорциональны любому экрану, чтобы не вылезали за пределы экрана и не были слишком большими/маленькими.

Я задавал уже подобный вопрос ранее. Пробовал решение, предложенное тут .

В частности, создал несколько каталогов values-mdpi, values-ldpi, values-xhdpi.

В каждом вложенном файле dimens указал разные размеры для иконок. Как итог: на телефонах mdpi с разным разрешением экрана иконки были разного размера: на телефонах с большим разрешением - маленькие, на телефонах с маленьким разрешением - более-менее нормальные.

Сейчас попробовал создал каталоги values-w320dp, values-w480dp. И даже values-sw320, values-sw480dp. Везде в файле dimens указал разные значения.

Как итог: на эмуляторе Genymotion телефон 240x320 160 dpi показывал тот же размер иконок, что и на физическом телефоне 1920x1080 hdpi.

Посему опять задаю вопрос:

  1. Как сделать так, чтобы иконки выглядели нормально на каждом экране? Именно заданного размера.

  2. Какие файлы нужно редактировать? Слышал, что вариант с values-ldpi и подобный перечень давно устарел. Какой тогда формат нужно использовать. Прошу помочь, так как уже перечитал Android guide не раз и все равно не понял.

Разметка main_layout:

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_weight="50"
            android:id="@+id/linearLayout55"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginTop="10dp"
            android:weightSum="6"
            android:gravity="center" >

            <LinearLayout
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_weight="1" >

                <Button
                    android:id="@+id/button24"
                    android:layout_width="@dimen/wdp2_layout"
                    android:layout_height="@dimen/wdp2_layout"
                    android:background="@drawable/icon1"
                    android:layout_gravity="center_horizontal"
                    android:onClick="gotoNewActivityOne"
                    android:alpha="0.7" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Car1"
                    android:id="@+id/textView33"
                    android:layout_gravity="center_horizontal"
                    android:textColor="#ffffffff"
                    android:textSize="15sp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_weight="1" >

                <Button
                    android:id="@+id/button55"
                    android:layout_width="@dimen/main_scrn_pic"
                    android:layout_height="@dimen/main_scrn_pic"
                    android:background="@drawable/icon2"
                    android:onClick="gotoNewActivityCar2"
                    android:layout_gravity="center_horizontal"
                    android:alpha="0.7" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Car2"
                    android:id="@+id/textView39"
                    android:textColor="#ffffffff"
                    android:textSize="15sp"
                    android:layout_gravity="center_horizontal" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:id="@+id/linearLayout3"
                android:layout_weight="1" >

                <Button
                    android:id="@+id/button66"
                    android:layout_width="@dimen/main_scrn_pic"
                    android:layout_height="@dimen/main_scrn_pic"
                    android:background="@drawable/map"
                    android:onClick="gotoNewActivityMap"
                    android:layout_gravity="center_horizontal"
                    android:alpha="0.7" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Navi"
                    android:id="@+id/textView40"
                    android:layout_gravity="center_horizontal"
                    android:textColor="#ffffffff"
                    android:textSize="15dp" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
     >

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_weight="50"
            android:id="@+id/linearLayout51"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginTop="10dp"
            android:weightSum="6"
            android:gravity="center" >

            <LinearLayout
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_weight="1" >

                <Button
                    android:id="@+id/button4"
                    android:layout_width="@dimen/main_scrn_pic"
                    android:layout_height="@dimen/main_scrn_pic"
                    android:background="@drawable/kalendar"
                    android:layout_gravity="center_horizontal"
                    android:onClick="gotoNewActivitycalendar"
                    android:alpha="0.7" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="RASP"
                    android:id="@+id/textView41"
                    android:layout_gravity="center_horizontal"
                    android:textColor="#ffffffff" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:layout_weight="1" >

                <Button
                    android:id="@+id/button5"
                    android:layout_width="@dimen/main_scrn_pic"
                    android:layout_height="@dimen/main_scrn_pic"
                    android:background="@drawable/car3"
                    android:onClick="gotoNewActivityCar3"
                    android:layout_gravity="center_horizontal"
                    android:alpha="0.7" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:text="Car3"
                    android:id="@+id/textView42"
                    android:textColor="#ffffffff"
                    android:layout_gravity="center_horizontal" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="90dp"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                android:id="@+id/linearLayout5"
                android:layout_weight="1" >

                <Button
                    android:id="@+id/button6"
                    android:layout_width="@dimen/main_scrn_pic"
                    android:layout_height="@dimen/main_scrn_pic"
                    android:background="@drawable/car4"
                    android:onClick="gotoNewActivitycar4"
                    android:layout_gravity="center_horizontal"
                    android:alpha="0.7" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="TECH"
                    android:id="@+id/textView43"
                    android:layout_gravity="center_horizontal"
                    android:textColor="#ffffffff" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>
</LinearLayout>
17
  • 1
    Не ориентируйтесь на низкие разрешения. По факту сейчас актуально hdpi и выше. Покажите как вы хотите расположить ваши ImageButton-ы в разметке 16 сен 2015 в 12:17
  • @АндройдАндройд , вот так я хочу расположить. Вкратце: 2 horizontal LinearLayout, в которые вложены по 3 vertical Linear. И в каждый vertical - по ImageButton и TextView. Есть какие-либо идеи, как сделать задуманное?
    – Dmitry
    16 сен 2015 в 12:29
  • Используйте не просто Button, а ImageButton. У них есть свойство "src" - источник картинки. А так же есть свойство "scale_type", которое скалирует изображение, там есть несколько вариантов. Думаю, что scale_type="fitInside" вам подойдет.
    – Rishka
    16 сен 2015 в 12:35
  • @Rishka , благодарю, сейчас попробую сделать. А что с текстом в таком случае делать? Указывал размер в sp, а он все равно выглядит одинаково везде: ldpi - просто огромен, hdpi - нормальный , xxxhdpi - мелкий. Как быть?
    – Dmitry
    16 сен 2015 в 12:39
  • fitInside я не вижу в списке. Возможно centerInside подойдет?
    – Dmitry
    16 сен 2015 в 12:45

1 ответ 1

4

Я предложил бы использовать android:width = 0dp и android.weight = 1 для каждого элемента в горизонтальном LinearLayout. Тогда ширина элементов будет пропорционально растягиваться, и при этом занимать всю ширину LinearLayout. Для самих изображений можно воспользоваться Scale Drawable и задать для него нужный тип масштабирования. И уже этот ресурс указывать в качестве android:background или android:src.

Тут есть пример.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.