Шаблон панели инструментов Android
В последнем сообщении в блоге Android Tim Bray он упоминает "панель инструментов" ui шаблон (что используется для приложения Твиттера, приложения Facebook, и т.д. Действительно ли этот макет так же прост как GridView с Кнопками или является им что-то еще?
Обновление:
DashboardLayout был выпущен Roman Nurik вчера вечером. Это - производная расположения, используемого в приложении Google IO 2010.
3 ответа
Лучший пример, который вы можете использовать, - это приложение Google I / O 2011 для Android. Они реализуют все эти шаблоны проектирования в своем приложении. Вы можете найти код по следующей ссылке:
В версии 2011 года используется пользовательский макет под названием «DashboardLayout» во фрагменте, который используется в макетах для телефонов и планшетов. Логика в DashboardLayout отвечает за всю магию автоматического макета!
Мне удалось получить аналогичную приборную панель, используя относительную компоновку. Работа над ним все еще продолжается, поэтому ваш пробег может отличаться.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/lay_wrapper"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<LinearLayout android:id="@+id/lay_action"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#000000" >
<TextView android:id="@+id/label_header"
android:layout_width="wrap_content"
android:layout_height="50px"
android:text="@string/app_title"
android:textColor="#000000"
android:textSize="25sp"
android:paddingLeft="10px"
android:gravity="center_vertical"
android:layout_gravity="center_vertical"
/>
</LinearLayout>
<RelativeLayout android:id="@+id/lay_main"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/lay_action"
android:paddingTop="25px"
android:layout_centerInParent="true">
<Button android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/button1"
android:padding="25dip"
android:drawableTop="@drawable/button1" />
<Button android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button1"
android:text="@string/button2"
android:padding="25dip"
android:drawableTop="@drawable/button2" />
<Button android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/button1"
android:text="@string/button3"
android:padding="25dip"
android:drawableTop="@drawable/button3" />
<Button android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button3"
android:layout_below="@id/button2"
android:text="@string/button4"
android:padding="25dip"
android:drawableTop="@drawable/button4" />
</RelativeLayout>
</RelativeLayout>
Это можно реализовать с помощью TableLayout, содержащего Image- и TextViews.