答案 0 :(得分:4)
您可以使用TextView
内的ImageView
和RelativeLayout
执行此操作:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="20dp"
android:background="#786993">
<ImageView
android:id="@+id/image"
android:src="@drawable/q_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/tab_counter_text"
android:text="20"
android:layout_alignRight="@id/image"
android:layout_alignBottom="@id/image"
android:layout_width="20dp"
android:layout_gravity="center"
android:background="@drawable/circle_white"
android:layout_height="20dp"
android:gravity="center"
android:textColor="#786993"
android:textSize="12sp" />
</RelativeLayout>
您可以将TextView
的背景设置为这样的自定义圆圈(circle_white.xml):
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" >
<solid android:color="#ffffff"/>
</shape>
输出:
答案 1 :(得分:1)
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/container_view">
<ImageView
android:layout_height="50dp"
android:layout_width="50dp"
android:src="@drawable/image"/>
<TextView
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="10"
android:layout_gravity="bottom|end"
android:textColor="@color/colorPrimary"
android:background="@drawable/circleBackground"/>
</FrameLayout>