我见过许多采用书架设计的电子书阅读器,其中书籍的放置方式类似于 Apple 的 iBooks 或 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
请帮我弄清楚我在这里做错了什么。