2016-10-13 14 views
0

どうすれば修正できますか?私はイメージの半分をトップの内側にしたい。実際Android - 相対レイアウトの画像が一番下に表示されます

enter image description here

XMLコード:

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="250dp" 
android:gravity="center_horizontal"> 

<ImageView 
    android:id="@+id/category_image" 
    android:layout_width="match_parent" 
    android:layout_height="250dp" 
    android:src="@drawable/gmaps_image_test" 
    android:scaleType="centerCrop"/> 


<ImageView 
    android:layout_width="match_parent" 
    android:layout_gravity="bottom" 
    android:layout_height="50dp" 
    android:src="@drawable/ic_comment_coffee" 
    android:layout_alignBottom="@id/category_image" 
    android:layout_alignParentStart="true" /> 

そして、これは私が不足している任意のatttributeがあります。..行うカントは何ですか?

マイ出力:

enter image description here

+0

投稿全体レイアウト –

+0

相対レイアウトの高さを275dpに増やします。 – Piyush

+0

達成する必要がある画像を投稿できますか? –

答えて

0

275dpに自分のメインRelativeLayout高さを作成し、ImageViewにnegetive余裕を与えます。

それはあなたが添付したいものは何でもアンカーlayout_anchorと呼ばれるものを持っていると、異なる画面サイズを扱うときめちゃくちゃ、その優れたが、コーディネーターのレイアウトのために行くことができ、負のマージンを使用してこのよう

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="275dp" 
android:gravity="center_horizontal"> 

<ImageView 
    android:id="@+id/category_image" 
    android:layout_width="match_parent" 
    android:layout_height="250dp" 
    android:src="@drawable/gmaps_image_test" 
    android:scaleType="centerCrop"/> 


<ImageView 
    android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:src="@drawable/ic_comment_coffee" 
    android:layout_below="@+id/category_image" 
    android:layout_marginTop="-25dp"/> 
+0

@Dex Sebasはあなたをお待ちしています。 – Ironman

0
android:layout_marginBottom="-20dp" 

は負の値とのマージンを試してみてください。

0

レイアウトの変更:

<RelativeLayout 
android:layout_width="match_parent" 
android:layout_height="275dp" 
android:gravity="center_horizontal"> 

<ImageView 
    android:id="@+id/category_image" 
    android:layout_width="match_parent" 
    android:layout_height="250dp" 
    android:src="@drawable/gmaps_image_test" 
    android:scaleType="centerCrop"/> 


<ImageView 
    android:layout_width="match_parent" 
    android:layout_gravity="bottom" 
    android:layout_height="50dp" 
    android:src="@drawable/ic_comment_coffee" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentStart="true" /> 
</RelativeLayout> 

いくつかのものは変更されました:RelativeLayout 275dp

android:layout_height="275dp" 

と第二ImageViewののの layout_heightを。

android:layout_alignParentBottom="true" 
0

を追加します。あなたはlayout_anchorGravityで位置を指定することができます。

<android.support.design.widget.CoordinatorLayout 
     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" 
     android:fitsSystemWindows="true"> 

     <ImageView 
     android:id="@+id/category_image" 
     android:layout_width="match_parent" 
     android:layout_height="250dp" 
     android:src="@drawable/gmaps_image_test" 
     android:scaleType="centerCrop"/> 

     <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_comment_coffee" 
     app:layout_anchor="@id/category_image" 
     app:layout_anchorGravity="bottom|center"/> 

    </android.support.design.widget.CoordinatorLayout> 
関連する問題