2016-10-28 9 views
0

XMLレイアウトがであり、ひどく重なっていると言われました。どのように私はそれを手配することができますか?私のAXMLレイアウトをより効率的に配置するにはどうしたらいいですか?

enter image description here

それは1つのレイアウトの画像とのImageButton Sを配置することが可能である:ここで私は私のレイアウトは次のようになりたいものの絵ですか?私はここから見ることができますどのような

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:p1="http://schemas.android.com/apk/res/android" 
    p1:layout_width="match_parent" 
    p1:layout_height="match_parent" 
    p1:id="@+id/relativeLayout1" 
    p1:background="@drawable/pickcitybackground"> 

    <RelativeLayout 
     p1:minWidth="25px" 
     p1:minHeight="25px" 
     p1:layout_width="229.0dp" 
     p1:layout_height="217.0dp" 
     p1:id="@+id/relativeLayout2" 
     p1:paddingTop="90dp" 
     p1:gravity="center"> 

    <ImageView 
     p1:src="@drawable/Pick" 
     p1:layout_width="120dp" 
     p1:layout_height="120dp" 
     p1:id="@+id/pick" 
     p1:background="#02ffffff" 
     p1:scaleType="centerCrop" /> 
</RelativeLayout> 

<RelativeLayout 
    p1:minWidth="25px" 
    p1:minHeight="25px" 
    p1:layout_width="331.5dp" 
    p1:layout_height="217dp" 
    p1:id="@+id/relativeLayout3" 
    p1:paddingTop="90dp" 
    p1:gravity="right"> 
    <ImageButton 
     p1:src="@drawable/austinButton" 
     p1:layout_width="120dp" 
     p1:layout_height="120dp" 
     p1:id="@+id/austinButton" 
     p1:background="#02ffffff" 
     p1:scaleType="centerCrop" /> 
</RelativeLayout> 

<RelativeLayout 
    p1:minWidth="25px" 
    p1:minHeight="25px" 
    p1:layout_width="229dp" 
    p1:layout_height="match_parent" 
    p1:id="@+id/relativeLayout4" 
    p1:paddingTop="15dp" 
    p1:gravity="center"> 
    <ImageButton 
     p1:src="@drawable/nashvilleButton" 
     p1:layout_width="120dp" 
     p1:layout_height="120dp" 
     p1:id="@+id/nashvilleButton" 
     p1:scaleType="centerCrop" 
     p1:background="#02ffffff" /> 
</RelativeLayout> 

<RelativeLayout 
    p1:minWidth="25px" 
    p1:minHeight="25px" 
    p1:layout_width="331.5dp" 
    p1:layout_height="match_parent" 
    p1:id="@+id/relativeLayout5" 
    p1:gravity="right" 
    p1:paddingTop="265dp"> 
    <ImageButton 
     p1:src="@drawable/newyorkButton" 
     p1:layout_width="120dp" 
     p1:layout_height="120dp" 
     p1:id="@+id/newyorkButton" 
     p1:background="#02ffffff" 
     p1:scaleType="centerCrop" /> 
</RelativeLayout> 

<RelativeLayout 
    p1:minWidth="25px" 
    p1:minHeight="25px" 
    p1:layout_width="229dp" 
    p1:layout_height="match_parent" 
    p1:id="@+id/relativeLayout6" 
    p1:gravity="center" 
    p1:paddingTop="350dp"> 
    <ImageButton 
     p1:src="@drawable/sanfranButton" 
     p1:layout_width="120dp" 
     p1:layout_height="120dp" 
     p1:id="@+id/sanfranButton" 
     p1:background="#02ffffff" 
     p1:scaleType="centerCrop" /> 
</RelativeLayout> 

<RelativeLayout 
    p1:minWidth="25px" 
    p1:minHeight="25px" 
    p1:layout_width="331.5dp" 
    p1:layout_height="match_parent" 
    p1:id="@+id/relativeLayout7" 
    p1:gravity="right" 
    p1:paddingTop="435dp"> 
    <ImageButton 
     p1:src="@drawable/seattleButton" 
     p1:layout_width="120dp" 
     p1:layout_height="120dp" 
     p1:id="@+id/seattleButton" 
     p1:background="#02ffffff" 
     p1:scaleType="centerCrop" /> 
</RelativeLayout> 

+0

なぜあなたは 'android:'の代わりに 'p1:'を使用しましたか? –

+0

私はXamarin StudioでAndroid Designerを使用しました。これは自動的に使用されたものです。違いは何ですか?私が知りたいのですが! –

+0

oww ...私は決してxamarinを使用しませんが、Java/Android Studioのデフォルトの規約は 'android:'です。 –

答えて

0

、あなたは相対的なレイアウト内の相対的なレイアウトを使用することです。 XMLを1つの相対レイアウトに縮小することは可能です。 あなたがする必要がある1つで "10dp" 値を置き換えandroid:layout_marginRight="10dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="10dp"

を使用して、ボタンを配置します。 お手伝いしました

+0

それは助けました。私は、マージンのプロパティを使ってレイアウト内の要素の配置を制御できるかどうかはわかりませんでした。 –

+0

あなたはこれを援助の答えとして記入してください。 :)それは助けてうれしい – Pynnie

関連する問題