私はレイアウトの大部分をでテストしてきましたがGalaxy 5 Media Player
、レイアウトはすべて、通常のlayout
フォルダーでどのようにデザインするかを調べています。私はを使用しているので、タイプフォルダーSDK 10
は使用せず、代わりに、などを使用します。layout-sw600dp
/layout
/layout-large
私のレイアウトはGalaxy5プレーヤーでは問題なく表示されますが、使用する他のデバイスで試してみるとLenovo Ideapad A1
、ビューが正しくありませんでした。7インチタブレット用に新しいxmlファイルを作成しました/layout-large
が、プレビューに表示されているものがデバイスに表示されているものと一致しません。
私はRelativeLayout
8つのボタンしか入っていないを使用しています。宣言された最初のボタンは下に揃えられ、その後の各ボタンは、marginBottom
パラメーターが設定された状態で、その下のボタンの上に配置されます。
これは、元のビューのxmlファイルです。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/v2"
android:gravity="center_horizontal"
android:orientation="vertical" >
<Button
android:id="@+id/exitButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="36dp"
android:layout_alignParentBottom="true"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_exit" />
<Button
android:id="@+id/findDeviceButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="18dp"
android:layout_above="@id/exitButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_find_device" />
<Button
android:id="@+id/cebusButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="18dp"
android:layout_above="@id/findDeviceButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_cebus" />
<Button
android:id="@+id/operationsButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="18dp"
android:layout_above="@id/cebusButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_operations" />
<Button
android:id="@+id/monitorButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="18dp"
android:layout_above="@id/operationsButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_monitor" />
<Button
android:id="@+id/wavesButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="18dp"
android:layout_above="@id/monitorButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_waves" />
<Button
android:id="@+id/statusButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="18dp"
android:layout_above="@id/wavesButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_status" />
<Button
android:id="@+id/more_parametersButton"
android:layout_width="350dp"
android:layout_height="60dp"
android:layout_marginBottom="18dp"
android:layout_above="@id/statusButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_parameters" />
</RelativeLayout>
これを7インチのデバイスで実行すると、ボタンが大きくなり、画面の上部を通過します。ただし、プレビューではEclipse
、ボタンがすべて画面にうまく収まります。プレビューに別のビューが表示されるのはなぜですか。私が期待するよりも?
編集:
タブレットで機能するようにXMLファイルを調整しました。プレビューはさらに悪く見えますが、次のXMLファイルは、デバイスで必要な結果を生成します。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/v2"
android:gravity="center_horizontal"
android:orientation="vertical" >
<Button
android:id="@+id/exitButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="30dp"
android:layout_alignParentBottom="true"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_exit" />
<Button
android:id="@+id/findDeviceButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="15dp"
android:layout_above="@id/exitButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_find_device" />
<Button
android:id="@+id/cebusButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="15dp"
android:layout_above="@id/findDeviceButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_cebus" />
<Button
android:id="@+id/operationsButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="15dp"
android:layout_above="@id/cebusButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_operations" />
<Button
android:id="@+id/monitorButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="15dp"
android:layout_above="@id/operationsButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_monitor" />
<Button
android:id="@+id/wavesButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="15dp"
android:layout_above="@id/monitorButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_waves" />
<Button
android:id="@+id/statusButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="15dp"
android:layout_above="@id/wavesButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_status" />
<Button
android:id="@+id/more_parametersButton"
android:layout_width="300dp"
android:layout_height="50dp"
android:layout_marginBottom="15dp"
android:layout_above="@id/statusButton"
android:textColor="@android:color/white"
android:background="@drawable/sel_button_round"
android:text="@string/main_parameters" />
</RelativeLayout>