0

我见过许多采用书架设计的电子书阅读器,其中书籍的放置方式类似于 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

请帮我弄清楚我在这里做错了什么。

4

1 回答 1

0

似乎中心图像太宽而无法适应视图并按比例缩小。请注意,侧视图中的垂直木边与底视图的图像不匹配。您是否尝试过使用android:scaleType以使图像不会被缩放?

此外,请仔细检查以像素为单位的测量值(您提到以像素为单位的图像大小)是否与dpXML 中设置的值匹配。

于 2013-01-29T23:51:22.397 回答