relativelayoutテキストとイメージのオーバーラップについての問題を整列

Question

私は円のアイコンを持っています。それは、1つのテキストビューと1つのイメージビューで構成されています。

私はテキストと画像が重なり合うようにしたいので、私はrelativeLayoutを使用します。

私はアプリを実行すると、私はそれが私のコントロールの異なる画面サイズから整列していることがわかりました。

レイアウトを設計する方法はありますか？

私はこのようなレイアウトを設定：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    tools:context=".PageFragment.ActivityHomePage"> 

    <LinearLayout 
     android:layout_width="300dp" 
     android:layout_height="wrap_content" 
     android:padding="15dp" 
     android:orientation="vertical"> 

     <TextView 
      android:id="@+id/activityHpEduin" 
      android:textSize="15dp" 
      android:textColor="#66CDAA" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="test" /> 

     <TextView 
      android:id="@+id/activityHpTitle" 
      android:layout_marginTop="5dp" 
      android:textSize="20dp" 
      android:textColor="@android:color/black" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="test" /> 

     <TextView 
      android:textSize="18dp" 
      android:layout_marginTop="5dp" 
      android:textColor="#6666ff" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="7.16.2016-2/12.2017" 
      android:id="@+id/activityHpDate" /> 

    </LinearLayout> 

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

    <RelativeLayout 
     android:paddingTop="20dp" 
     android:paddingLeft="15dp" 
     android:paddingRight="15dp" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <ImageView 

      android:id="@+id/circleNews" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 
      android:src="@drawable/btn_news" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="24dp" 
      android:layout_marginTop="70dp" 
      android:textColor="@android:color/white" 
      android:gravity="center" 
      android:text="@string/circleNews" /> 

     <ImageView 
      android:id="@+id/circleActivityContent" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="15dp" 
      android:layout_toRightOf="@+id/circleNews" 
      android:src="@drawable/btn_content" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="140dp" 
      android:layout_marginTop="70dp" 
      android:gravity="center" 
      android:textColor="@android:color/white" 
      android:text="@string/circleActivityContent" /> 

     <ImageView 
      android:id="@+id/circleSignUp" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_marginLeft="5dp" 
      android:layout_toRightOf="@+id/circleActivityContent" 
      android:src="@drawable/btn_apply" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="252dp" 
      android:layout_marginTop="70dp" 
      android:gravity="center" 
      android:textColor="@android:color/white" 
      android:text="@string/circleSignUp" /> 

    </RelativeLayout> 

    </LinearLayout> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:paddingTop="20dp" 
     android:paddingLeft="15dp" 
     android:paddingRight="15dp"> 

     <ImageView 
      android:id="@+id/circlePresenter" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="true" 

      android:src="@drawable/btn_speakers" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="30dp" 
      android:layout_marginTop="70dp" 
      android:gravity="center" 
      android:textColor="@android:color/white" 
      android:text="@string/circlePresenter" /> 

     <ImageView 
      android:id="@+id/circleHotel" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="15dp" 
      android:layout_toRightOf="@+id/circlePresenter" 
      android:src="@drawable/btn_accommodation" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="138dp" 
      android:layout_marginTop="70dp" 
      android:gravity="center" 
      android:textColor="@android:color/white" 
      android:text="@string/circleHotel" /> 

     <ImageView 
      android:id="@+id/circleTransportation" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_marginLeft="5dp" 
      android:layout_toRightOf="@+id/circleHotel" 
      android:src="@drawable/btn_traffic" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="252dp" 
      android:layout_marginTop="70dp" 
      android:gravity="center" 
      android:textColor="@android:color/white" 
      android:text="@string/circleTransportation" /> 


    </RelativeLayout> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:paddingTop="20dp" 
     android:paddingLeft="15dp" 
     android:paddingRight="15dp"> 

     <ImageView 
      android:id="@+id/circleSponsor" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="117dp" 
      android:src="@drawable/btn_sponsors" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="146dp" 
      android:layout_marginTop="70dp" 
      android:textColor="@android:color/white" 
      android:gravity="center" 
      android:text="@string/circleSponsor" /> 


    </RelativeLayout> 


</LinearLayout> 

Answer 1

は、それはあなたが望むものに似て、このサンプルコードを試してみてください。

ここでは、ここではxmlファイルのコードです。私はイメージビューを持っており、その下にテキストがあり、それらは相対レイアウトになっています。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/RelativeLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:orientation="horizontal"> 

    <ImageView 
     android:id="@+id/imageView3" 
     android:layout_width="110dp" 
     android:layout_height="110dp" 
     android:layout_gravity="center" 
     android:layout_marginTop="40dp" 
     android:layout_weight="1" 
     android:src="@drawable/user_icon" /> 

    <TextView 
     android:id="@+id/tv_email" 
     android:layout_width="200dp" 
     android:layout_height="45dp" 
     android:layout_alignStart="@+id/imageView3" 
     android:layout_below="@+id/imageView3" 
     android:layout_gravity="center_horizontal" 
     android:textColor="@color/White" 
     android:textSize="18sp" /> 

</RelativeLayout> 

出力は以下のようである：

新しい要件に別の答え： XMLコード：上記のコードの

<RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="119dp" 
     android:layout_marginTop="50dp"> 

     <ImageView 
      android:id="@+id/imageView2" 
      android:layout_width="match_parent" 
      android:layout_height="fill_parent" 
      android:background="@drawable/banner_bg" /> 

     <TextView 
      android:id="@+id/textView" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:fontFamily="@string/font_family_universal" 
      android:gravity="center" 
      android:padding="20dp" 
      android:text="hello world" 
      android:textAlignment="center" 
      android:textColor="@color/white" 
      android:textSize="25dp" 
      android:textStyle="normal" 
      android:layout_alignParentTop="true" 
      android:layout_alignParentStart="true" /> 

    </RelativeLayout> 

スクリーンショット：

それに応じてサンプルコードが背景パスを変更し、その他のプロパティがあることを覚えておいてください。ここにはイメージがあり、その上には必要に応じてtextviewがあります。

Answer 2

このようにテキストビューを前面に表示しようとします。 tv_shimmer_tv_gooffline.bringToFront（）;

Answer 3

SDPを使用してください。それは、複数の画面サイズをサポートするような設計のために私を助けます。

SDP - スケーラブルなサイズ単位。

新しいサイズ単位を提供するアンドロイドSDK - sdp（スケーラブルdp）。このサイズ単位は画面サイズに合わせて調整されます。 Androidの開発者が複数の画面をサポートするのに役立ちます。テキストビューの

は、テキストのSPサイズ単位に基づいていますsspを参照してください。

https://github.com/intuit/sdp