我正在尝试制作看起来像这样的东西:
然而,它目前是这样的(缩小了一点):
我无法弄清楚如何将个人资料图片放在右下方。
这是我的布局:
#!/bin/bash
cd /local/mnt/applicationpath/
./applicationname
这是<RelativeLayout android:id="@+id/circle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:background="@color/white"
android:layout_marginRight="10dp">
<TextView
android:id="@+id/bg"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentLeft="true"
android:background="@drawable/bg" />
<ImageView
android:id="@+id/profile_picture"
android:layout_width="18dp"
android:layout_height="18dp"
android:src="@drawable/avatar"/>
</RelativeLayout>
drawable:
bg
我应该改变什么?
答案 0 :(得分:1)
<RelativeLayout android:id="@+id/circle"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentLeft="true"
android:background="@color/white"
android:layout_marginRight="10dp">
<TextView
android:id="@+id/bg"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignParentLeft="true"
android:background="@drawable/bg" />
<ImageView
android:id="@+id/profile_picture"
android:layout_width="18dp"
android:layout_height="18dp"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:src="@drawable/avatar"/>
</RelativeLayout>
答案 1 :(得分:1)
使用此:
<ImageView
android:id="@+id/profile_picture"
android:layout_width="18dp"
android:layout_height="18dp"
android:scaleType="centerCrop"
android:layout_alignRight="@+id/bg"
android:layout_alignBottom="@+id/bg"
android:src="@drawable/ic_launcher"/>
此处,alignRight和alignBottom会将imageview与背景的右下角对齐。此外,您可以避免使用layerlist,并仅使用shape drawable作为背景。
答案 2 :(得分:1)
@ user4368069仅供参考:
android:layout_alignParentRight
:如果为true,则使此视图的右边缘与父视图的右边缘匹配。容纳合适的保证金。
android:layout_alignParentBottom
:如果为true,则使此视图的下边缘与父视图的下边缘匹配。容纳底部保证金。
两者都是
布尔值,“true”或“false”
在Imageview中设置android:adjustViewBounds="true"
。
有关更多信息,请阅读https://developer.android.com/reference/android/widget/ImageView.html
答案 3 :(得分:0)
使用FrameLayout
代替RelativeLayout
。
并使用ImageView
设置头像gravity="right|bottom"
。