Android Studioで、ImageViewの上にTextViewを重ねて文字を中央に表示する

android java 画像にテキスト中央載せ

xmlので下記画像のように画像の上にテキストを中央配置する方法

android java 画像にテキスト中央載せ
android java 画像にテキスト中央載せ

<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" > <!--背景画像--> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="left" android:id="@+id/hukidasi_image" app:srcCompat="@drawable/ic_haikeigazou" /> <!--中央に載せるテキスト画像--> <TextView android:layout_centerInParent="true" android:layout_width="match_parent" android:layout_height="wrap_content" android:textAlignment="center" android:gravity="center" android:text="中央画像" /> </RelativeLayout>

ポイントは、

  • ImageViewとTextViewをRelativeLayoutで囲う
  • TextViewのandroid:layout_centerInParent=”true”にする