Apple の iBook や Android の iReader のように本が置かれるブックシェルフ デザインの電子書籍リーダーを多く見てきました。Android で同様の本棚 UI を構築しようとしています。レイアウト用のグラフィック、すなわちshelf_left (34*180)、shelf_right (34*180)、およびshelf_center (652*180)を用意しました。現在、720*1280 ピクセル密度のデバイスをターゲットにしているため、全体の幅を 720px のままにしています。長さの単位として dp を使用しています。
ルート レイアウトとして RelativeLayout を使用しています。すべての画像をレイアウトに配置すると、画像が正しく配置されません。shelf_center の上部と下部に追加のパディングが追加され、側面の画像が大きく見えます。
この動作を制御する方法がわかりません。以下は私の main.xml レイアウトのコードです。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/shelf_left"
android:layout_width="34dp"
android:layout_height="180dp"
android:adjustViewBounds="true"
android:contentDescription="@string/button"
android:src="@drawable/shelf_left" />
<ImageView
android:id="@+id/shelf_center"
android:layout_width="652dp"
android:layout_height="180dp"
android:layout_toLeftOf="@+id/shelf_right"
android:layout_toRightOf="@+id/shelf_left"
android:adjustViewBounds="true"
android:contentDescription="@string/button"
android:src="@drawable/shelf_center" />
<ImageView
android:id="@+id/shelf_right"
android:layout_width="34dp"
android:layout_height="180dp"
android:layout_alignParentRight="true"
android:adjustViewBounds="true"
android:contentDescription="@string/button"
android:src="@drawable/shelf_right" />
</RelativeLayout>
これはどのように見えるかです:
http://img210.imageshack.us/img210/2885/shelf.png
ここで何が間違っているのかを理解するのを手伝ってください。