[Java][Android] PhotoEditor 라이브러리 사용하여 이미지 편집하기

안녕하세요

 

오늘은 PhotoEditor 라이브러리 사용하여 이미지 편집을 해보도록 하겠습니다.

 

PhotoEditor 라이브러리는 텍스트 추가, 드로잉, 이미지 추가, 필터 적용, 이모지 추가 등 다양한 기능을 지원하는 라이브러리 입니다.

이 중, 텍스트 추가 및 드로잉 기능을 구현해보도록 하겠습니다.

 

전체 코드 입니다.

 

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  xmlns:app="http://schemas.android.com/apk/res-auto">

  <ja.burhanrashid52.photoeditor.PhotoEditorView
    android:id="@+id/photoEditorView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:photo_src="@drawable/cat1" />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center"
    android:layout_alignParentBottom="true"
    android:padding="16dp">

    <Button
      android:id="@+id/btn_add_text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="텍스트 추가" />

    <Button
      android:id="@+id/btn_draw"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="그리기"
      android:layout_marginLeft="16dp" />


  </LinearLayout>

</RelativeLayout>

 

 

MainActivity.java

public class MainActivity extends AppCompatActivity {

  private PhotoEditor photoEditor;


  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    PhotoEditorView photoEditorView = findViewById(R.id.photoEditorView);
    Button btnAddText = findViewById(R.id.btn_add_text);
    Button btnDraw = findViewById(R.id.btn_draw);

    // PhotoEditor 초기화
    photoEditor = new PhotoEditor.Builder(this, photoEditorView)
        .setPinchTextScalable(true) // 텍스트 크기 조절 가능
        .build();

    // 텍스트 추가
    btnAddText.setOnClickListener(v -> {
      TextStyleBuilder styleBuilder = new TextStyleBuilder();
      styleBuilder.withTextColor(getResources().getColor(android.R.color.holo_blue_dark));
      photoEditor.addText("안녕하세요!", styleBuilder);
    });

    // 그리기 모드 활성화
    btnDraw.setOnClickListener(v -> {
      photoEditor.setBrushDrawingMode(true);
      photoEditor.setBrushColor(getResources().getColor(android.R.color.holo_red_dark));
      photoEditor.setBrushSize(10f); // 브러시 크기 설정
    });
    
  }
  
}

 

이렇게 기본적인 텍스트 추가, 드로잉 모드 기능을 구현했습니다.

 

상세한 내용은 
https://github.com/burhanrashid52/PhotoEditor?tab=readme-ov-file

GitHub - burhanrashid52/PhotoEditor: A Photo Editor library with simple, easy support for image editing using paints,text,filter

 

해당 깃허브의 README 를 참고하여 응용해서 사용하시면 됩니다!

 

시연 영상입니다.