[JAVA][Android] TedImagePicker 라이브러리로 이미지 여러장 가져오기

안녕하세요.

지난번에는 TedImagePicker 라이브러리를 사용해서 이미지를 1장 가져오는 방법에 대해 알아보았습니다.

2024.06.11 - [안드로이드 자바] - [JAVA][Android] TedImagePicker 라이브러리로 이미지 1개 가져오기

[JAVA][Android] TedImagePicker 라이브러리로 이미지 1개 가져오기

 

이번에는 해당 라이브러리를 사용해서 여러장의 사진을 가져와서 리사이클러뷰에 띄워보겠습니다.

 

1. build.gradle 설정

TedImagePicker를 사용하기 위해 앱 수준의 build.gradle에 다음과 같이 의존성을 추가합니다.

 

implementation 'io.github.ParkSangGwon:tedimagepicker:1.5.0' // 최신 버전 확인 후 적용

 

그리고 해당 라이브러리는 내부적으로 데이터바인딩을 사용하기 때문에 다음과 같이 설정을 추가해줍니다.

buildFeatures {
    dataBinding = true
}

 

 

+참고

해당 라이브러리를 추가 후 앱을 빌드할 때, Duplicate class android.support.v4.xxx: Execution failed for task ':app:checkDebugDuplicateClasses' 와 같은 오류가 발생할 수 있습니다.

라이브러리 공식 깃허브를 참고하면, 이럴 경우 gradle.properties 파일에 다음 내용을 추가하도록 안내되고 있습니다.

android.enableJetifier=true

 

2. AndroidManifest.xml 설정

매니페스트 파일에 다음과 같이 카메라 권한을 선언해줍니다.

<uses-permission android:name="android.permission.CAMERA"/>
<uses-feature
    android:name="android.hardware.camera"
    android:required="false" />

 

3. 레이아웃 파일 작성

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn_photo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="100dp"
        android:text="사진 가져오기"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="50dp"
        app:layout_constraintBottom_toTopOf="@+id/btn_photo"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

 

4. 리사이클러뷰에 쓸 아이템 레이아웃 생성

item_img.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dp">

    <ImageView
        android:id="@+id/iv_photo"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_launcher_background" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

5. 리사이클러뷰 어댑터와 뷰홀더 만들기

 

import android.net.Uri;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

public class ImageAdapter extends RecyclerView.Adapter<ImageAdapter.ImageViewHolder>{
    private List<Uri> imageUriList;

    public ImageAdapter(List<Uri> imageUriList) {
        this.imageUriList = imageUriList;
    }

    @NonNull
    @Override
    public ImageViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_img, parent, false);
        return new ImageViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ImageViewHolder holder, int position) {
        Uri uri = imageUriList.get(position);
        holder.imageView.setImageURI(uri);
    }

    @Override
    public int getItemCount() {
        return imageUriList == null ? 0 : imageUriList.size();
    }

    static class ImageViewHolder extends RecyclerView.ViewHolder {
        ImageView imageView;
        public ImageViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.iv_photo);
        }
    }
}

 

6. 메인 액티비티 작성하기

 

package com.walkfriend.imagepickertest;

import android.Manifest;
import android.annotation.SuppressLint;
import android.content.pm.PackageManager;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.widget.Button;

import androidx.appcompat.app.AppCompatActivity;
import androidx.core.app.ActivityCompat;
import androidx.core.content.ContextCompat;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

import gun0912.tedimagepicker.builder.TedImagePicker;
import gun0912.tedimagepicker.builder.type.MediaType;

public class MainActivity extends AppCompatActivity {
    RecyclerView recyclerView;
    Button button;
    int CAMERA_PERMISSION_CODE = 1001;
    private List<Uri> imageUriList = new ArrayList<>();
    private ImageAdapter imageAdapter;
    private final String[] permissionList = {
            Manifest.permission.CAMERA
    };

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

        recyclerView = findViewById(R.id.recyclerView);
        button = findViewById(R.id.btn_photo);

        recyclerView.setLayoutManager(new GridLayoutManager(this, 4));
        imageAdapter = new ImageAdapter(imageUriList);
        recyclerView.setAdapter(imageAdapter);

        // 버튼 클릭 리스너 설정
        button.setOnClickListener(v -> {
            // 카메라 권한 확인
            if (isPermissionGranted(permissionList)) {
                // 권한이 이미 있다면, TedImagePicker를 사용해서 이미지 선택 후 가져오기
                selectImage();
            } else {
                // 권한이 없다면, 권한 요청하기
                ActivityCompat.requestPermissions(
                        MainActivity.this,
                        permissionList,
                        CAMERA_PERMISSION_CODE
                );
            }

        });

    }

    // 이미 권한이 부여되어 있는지 여부를 확인하는 메서드
    private boolean isPermissionGranted(String[] permissions) {
        for (String permission : permissions) {
            if (ContextCompat.checkSelfPermission(this, permission) != PackageManager.PERMISSION_GRANTED) {
                return false;
            }
        }
        return true;
    }

    //TedImagePicker를 사용해서 이미지 선택하거나 카메라로 사진 찍어서 가져오기
    @SuppressLint("NotifyDataSetChanged")
    private void selectImage() {
        TedImagePicker.with(this)
                .mediaType(MediaType.IMAGE)
                .max(10, "최대 10장의 사진만 선택 가능합니다")
                .startMultiImage(uris -> {
                    imageUriList.clear();
                    imageUriList.addAll(uris);
                    imageAdapter.notifyDataSetChanged();
                });
    }

    // 권한 요청에 대해 사용자가 허용했을 경우, selectImage() 메서드 실행
    @Override
    public void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults);
        if (requestCode == CAMERA_PERMISSION_CODE) {
            Log.i("권한", "카메라 권한 허용됨");
            selectImage();
        }
    }
}

 

 

7. 시연영상