2016-04-21 9 views
0

申し訳ありませんが、私の問題を少し分かりやすくするために、いくつかの写真を含める必要があります。私は私のカスタム行に線形レイアウトを使用していると、それは私にどのように見えるように行を取得しようとして多くのトラブルを与えています。現在、それは私が表示されるまでにしています迅速なペイント画像を許してください、このAndroidカスタムローレイアウトの問題

Curent view

のように見えますが、それは私がレイアウトを見たい方法です。

desired look

私はそれが本当にレイアウトを台無しにこれを表示するには、テキストボックスを追加しようとするたびに、私は1と2のそれぞれの上に犬の画像上の名前テキストボックス、およびタイムスタンプのテキストボックスを追加したいと思います。犬の画像の上にあるテキストボックスは、常に犬の画像の右または左に移動し、画像をページの中央に押し込み、ボタンがさらに広がりたいと考えます。私はこのレイアウトで多くの経験がありません。私はドラッグ・アンド・ドロップ・ピースを使用できる相対レイアウトを一般的に行います。アドバイスや助けをいただければ幸いです。

<?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"> 

<ImageButton 
    android:layout_width="150dip" 
    android:layout_height="150dip" 
    android:id="@+id/dogimage" 
    android:clickable="true" 
    android:layout_alignParentLeft="true" 

    android:background="@drawable/dogpic" 
    android:onClick="sendProfile" 
    android:scaleType="fitXY" /> 

<ImageButton 
    android:layout_width="75dip" 
    android:layout_height="75dip" 
    android:id="@+id/dog1num1" 
    android:background="@drawable/num1" 
    android:clickable="true" 
    android:onClick="NumberOne" 
    android:layout_marginLeft="10dp" 
    android:layout_marginTop="75dp" 
    android:scaleType="fitXY" /> 

<ImageButton 
    android:layout_width="75dip" 
    android:layout_height="75dip" 
    android:id="@+id/dog1num2" 
    android:background="@drawable/num2" 
    android:clickable="true" 
    android:onClick="NumberTwo" 
    android:layout_marginLeft="10dp" 
    android:layout_marginTop="75dp" 
    android:scaleType="fitXY" /> 
</LinearLayout> 

答えて

2

LinearLayoutでimageview/textviewコンボをラップする必要があります。また、背景ではなくsrcを使用してimageButtonを設定する必要があります。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:text="Title" /> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal"> 

     <ImageButton 
      android:id="@+id/dogimage" 
      android:layout_width="150dip" 
      android:layout_height="150dip" 
      android:clickable="true" 
      android:onClick="sendProfile" 
      android:scaleType="fitXY" 
      android:src="@drawable/dogpic" /> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="bottom" 
      android:orientation="vertical"> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Timestamp 1" /> 

      <ImageButton 
       android:id="@+id/dog1num1" 
       android:layout_width="75dip" 
       android:layout_height="75dip" 
       android:layout_marginLeft="10dp" 
       android:clickable="true" 
       android:onClick="NumberOne" 
       android:scaleType="fitXY" 
       android:src="@drawable/num1" /> 

     </LinearLayout> 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="bottom" 
      android:orientation="vertical"> 

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Timestamp 1" /> 

      <ImageButton 
       android:id="@+id/dog1num2" 
       android:layout_width="75dip" 
       android:layout_height="75dip" 
       android:layout_marginLeft="10dp" 
       android:clickable="true" 
       android:onClick="NumberOne" 
       android:scaleType="fitXY" 
       android:src="@drawable/num2" /> 

     </LinearLayout> 

    </LinearLayout> 
</LinearLayout> 
+0

このソリューションがフォーマットに役立ってくれてありがとうございました。複数の線形レイアウトを使用することは決してありませんでした。私はそれらをバックグラウンドとして作成しました。なぜなら、srcとして処理すると、ボタンの周囲に灰色の境界線が表示されるからです。 – shadowice0823

+0

灰色の枠線については、android:background = "?attr/selectableItemBackground" – Francesc