2016-08-09 12 views
0

まずは、レイアウトに一致するような境界線がある背景イメージがあります。レイアウト内のボックス

私の現在のアプローチは、レイアウトでボックスにすることでしたが、まったく別の解決策があるかもしれません。

だから、15%のマージンが&右、10%のマージン下&トップを残し、私はすでに、左右の余白、以下のコードを持っているが、私は同じレイアウトで上部と下部の余白に合わせあまりにも苦労しています。

enter image description here

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <RelativeLayout 
     android:layout_width="0dip" 
     android:layout_height="fill_parent" 
     android:layout_weight="0.15" /> 
    <RelativeLayout 
     android:layout_width="0dip" 
     android:layout_height="fill_parent" 
     android:layout_weight="0.7"> 
     <LinearLayout 
      android:orientation="vertical" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 
      <Button 
       android:text="Button1 " 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:id="@+id/btn1" /> 
      <Button 
       android:text="Button2 " 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:id="@+id/btn2" />  
      <Button 
       android:text="Button3" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:id="@+id/btn3" />     
     </LinearLayout> 
    </RelativeLayout> 
    <RelativeLayout 
     android:layout_width="0dip" 
     android:layout_height="fill_parent" 
     android:layout_weight="0.15" /> 
</LinearLayout> 
+0

のように、割合の大きさのためにPercentRelativeLayoutを使用することができますuがマージンがために等しくなりますので、画面の中央に箱を置きたいん両側 ? – Maysara

+0

いいえ、これは別の画像にも使用できるはずです。私はテスト目的のためだけに同じマージンを使用しました。 –

答えて

2

あなたはこの

<android.support.percent.PercentRelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

<ImageView 
    app:layout_widthPercent="50%" 
    app:layout_heightPercent="50%" 
    app:layout_marginTopPercent="25%" 
    app:layout_marginLeftPercent="25%"/> 

</android.support.percent.PercentRelativeLayout> 
+0

チャームのように働いてくれてありがとう! –

+0

あなたは歓迎です:)) –

関連する問題