안드로이드 스튜디오 이미지 위에 텍스트 - andeuloideu seutyudio imiji wie tegseuteu

이미지 위에 글자를 쓰고 싶은 경우에는 XML에서 ImageView 와 TextView를 사용하여 이미지위에 글자를 삽입할 수 있다. 

주의해야 할점은 글자를 넣을 이미지 내부가 투명해야 하며, RelativeLayout에서만 가능하다. 세부적인 위치를 컨트롤 하고 싶을 때는 padding이나 margin을 사용하면 된다.

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="//schemas.android.com/apk/res/android" xmlns:app="//schemas.android.com/apk/res-auto" xmlns:tools="//schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff"> <ImageView android:id="@+id/imageView" android:layout_width="236dp" android:layout_height="181dp" android:layout_centerInParent="true" app:srcCompat="@android:drawable/button_onoff_indicator_off" /> <TextView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:layout_alignBottom="@+id/imageView" android:layout_alignLeft="@+id/imageView" android:layout_alignRight="@+id/imageView" android:layout_alignTop="@+id/imageView" android:gravity="center" android:paddingLeft="20dp" android:text="goatlab" android:textColor="#000000" android:textSize="20sp" android:textStyle="normal" android:letterSpacing="0.04" android:typeface="sans" /> </RelativeLayout>

Android Tutorial

[Android] ImageView 위에 TextView 뿌리기 (Source 첨부)

ImageView 위에 TextView를 올려보려고 합니다.

java 소스는 건들것이 없고, layout/main.xml파일에서 FrameLayout을 사용하는 것이 포인트입니다.

1. main.xml 수정

  1. <?xml version="1.0" encoding="utf-8"?>

  2.    android:orientation="vertical"

  3.    android:layout_width="fill_parent"

  4.    android:layout_height="fill_parent"

  5.    android:gravity="center">

  6. <FrameLayout

  7.         android:layout_width="fill_parent"

  8.         android:layout_height="fill_parent">

  9. <ImageView

  10.             android:id="@+id/image"

  11.             android:layout_width="wrap_content"

  12.             android:layout_height="wrap_content"

  13.             android:src="@drawable/background"

  14.             />

  15. <LinearLayout

  16.             android:orientation="vertical"

  17.             android:layout_width="fill_parent"

  18.             android:layout_height="fill_parent"

  19.             android:gravity="center">

  20. <TextView

  21.                 android:layout_width="wrap_content"

  22.                 android:layout_height="wrap_content"

  23.                 android:textSize="20dp"

  24.                 android:textColor="#000000"

  25.                 android:text="ImageView 위에  TextView 뿌리기"

  26.                 />

  27. </LinearLayout>

  28. </FrameLayout>

  29. </LinearLayout>

2. 결과화면

Toplist

최신 우편물

태그