0

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

ここで何が間違っているのかを理解するのを手伝ってください。

4

1 に答える 1

0

中央の画像が広すぎてビューに収まらないようで、縮小されています。側面図の垂直の木製の側面は、底面図の画像と一致しないことに注意してください。android:scaleType画像が拡大縮小されないように使用してみましたか?

また、ピクセル単位の測定値(ピクセル単位の画像のサイズについて言及)dpがXMLで設定された値と一致することを再確認してください。

于 2013-01-29T23:51:22.397 に答える