2012-03-19 8 views
0

私のアプリケーションのUIには5インチがあります。ImageButton 3.7インチの画面ですべてがOKですが、2.7インチ、3.0インチなどの画面があれば、そのUIは拡大されません。それは次のようになります。別の画面のAndroid ImageButton

3,7"

enter image description here

2,7"

enter image description here

画面3.7のように、すべての画面ですべてのものを見栄えにするにはどうすればいいですか?

コード:main.xml

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/Background" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@drawable/two" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:id="@+id/LL" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="150dp" 
     android:orientation="vertical" 
     android:scaleType="fitXY" > 

     <ImageButton 
      android:id="@+id/ibTest1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:background="@drawable/one" /> 
    </LinearLayout> 

</RelativeLayout> 
+0

使用DP、およびrelativelayout、 別のヒントを追加してみてください:、MDPI、LDPI、とhdpi形式であなたのイメージを作成している(別のヒント:ninePatch画像を使用していました: )) – Houcine

答えて

0

あなたはいくつかのコードを提供することはできますか? はたぶんRelativeLayoutを使用して、高さwrap_contentLinearLayoutを配置し、その内側のLinearLayoutボタンを置く

android:scaleType="fitXY" 
+0

私のコードは?私はテストのためにのみこれを行います...私は相対レイアウト+ 5 ImageButtonを持っています。 –

+0

私はコードを追加しました –

1

XMLでに追加してみてください。また、サイズはpxの代わりにdpを使用してください。

P.S.レイアウトのコードを投稿すると、より良いお手伝いをすることができます。

EDITED:今、私はあなたのコードを見ることができることを、私はあなたが私は私の答えを意味します表示することができます:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/Background" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@drawable/two" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:id="@+id/LL" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:orientation="vertical" 
     android:gravity="center" 
     android:layout_centerInParent="true" > 

     <ImageButton 
      android:id="@+id/ibTest1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/one" /> 

     <ImageButton 
      android:id="@+id/ibTest5" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/one" /> 
    </LinearLayout> 

</RelativeLayout> 
+0

私はコードを追加 –

+0

こんにちは、私の編集された答えを参照してください。 – SERPRO

+0

ありがとう、何かして、ボタンがバックグラウンドが追加されているメインUI topは「アイコン」の刻印です –

0

まず

MDPI、hdpi、LDPI

用画像を作りますそれらのサイズに応じて

ボタンのためにLineatlayoutを中央に配置します。

次に、プロパティgravity = "Center"を設定します。

+0

コード –

0

dp'px'を使用していることを確認してください。よくある原因です。

+0

を追加しました。 –

0

これはXMLで各ImageViewので

android:adjustViewBounds="true" 
    android:scaleType="centerCrop" 
+0

コードを追加しました。 –