Galeri / Kamera Kullanarak Resim Yükleme ve Croplama

Mobil uygulamalarda, fotoğraf çekmek ya da galeride ki fotoğrafı kullanabilmek önemli bir özelliktir. Birçok uygulamada kullanıcı, profil fotoğrafını kullanma konusunda ihtiyacı bulunabilmektedir. Uygulama içerisinde, tam çözünürlüğü olan resmi galeriye kaydetmeden, kırpmak ve olası hafıza istisnalarından kaçınmak isteyebilirsiniz.

Bu makalemde, bir Android sosyal medya uygulamasındaki gibi profil fotoğrafı çekme işlemi ve çekilen ya da galeriden seçilen fotoğrafı crop (kırpma) yapmayı örnekleyeceğim.

Örneklediğim projemin kodlarını indirmek isterseniz; yapmanız gereken tek şey Github linkine tıklamak.

1- uCrop – Crop Kütüphanesi

Kırpma işlevi için uCrop kütüphanesini kullanacağız. Bu kütüphane birçok popüler uygulama kullanmaktadır ve çeşitli cihazlarda / işletim sistemi sürümlerinde test edilmiştir. uCrop kütüphanesi en iyi kırpma deneyimini sağlasa da, kameradan fotoğraf çekme veya galeriden fotoğraf seçme özelliği bulunmamaktadır. Sadece fotoğrafın kırpılmış(croplanmış) halini bitmap olarak çevirmektedir.

Bu makalede uCrop kütüphanesinin işlevlerine ek olarak, görüntüyü kameradan veya galeriden seçmek için bir özellik geliştireceğiz.

uCrop kütüphanesini daha detaylı dokümantasyonundan inceleyebilirsiniz

2- Proje Ayarları ve Profil Arayüzünü Oluşturma

Amacımız, sosyal medyadaki gibi basit bir profil kullanıcı arayüzü (Instagram gibi) oluşturmak ve profil görüntüsünü uygulamak için görüntü kırpma işlevini kullanmaktır. Kamerayı kullanarak fotoğraf çekebilir veya galeriden seçim yapabilir, kırpabilir ve profil görüntüsü olarak ayarlayabilirsiniz. Öyleyse Android Studio’da yeni bir proje oluşturarak başlayalım.

1- Android Studio yeni proje oluşturalım.
2- Android Studio Ide ile oluşturduğum projemin app dizinin altındaki build.gradle dosyasını açıyoruz. Dependencies kod bloklarının arasına aşağıdaki kodları yerleştirerek kütüphanelerimizi yükleyelim.

//Butterknife
    implementation 'com.jakewharton:butterknife:8.8.1'
    annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1'
 
    //dexter permissions
    implementation "com.karumi:dexter:5.0.0"
 
    // circular imageview
    implementation 'com.mikhaellopez:circularimageview:3.2.0'
 
    //Glide
    implementation 'com.github.bumptech.glide:glide:4.7.1'
    implementation 'com.github.bumptech.glide:annotations:4.7.1'
    implementation('com.github.bumptech.glide:okhttp3-integration:4.0.0') {
        exclude group: 'glide-parent'
    }
    annotationProcessor 'com.github.bumptech.glide:compiler:4.7.1'
 
    implementation 'com.github.yalantis:ucrop:2.2.2'

//Butterknife

implementation 'com.jakewharton:butterknife:8.8.1'

annotationProcessor 'com.jakewharton:butterknife-compiler:8.8.1'

//dexter permissions

implementation "com.karumi:dexter:5.0.0"

// circular imageview

implementation 'com.mikhaellopez:circularimageview:3.2.0'

//Glide

implementation 'com.github.bumptech.glide:glide:4.7.1'

implementation 'com.github.bumptech.glide:annotations:4.7.1'

implementation('com.github.bumptech.glide:okhttp3-integration:4.0.0') {

exclude group: 'glide-parent'

}

annotationProcessor 'com.github.bumptech.glide:compiler:4.7.1'

implementation 'com.github.yalantis:ucrop:2.2.2'

3- Aşağıdaki kaynakları ilgili strings.xml, dimen.xml ve colors.xml dosyalarına ekleyin.

strings.xml
<resources>
    <string name="app_name">Image Pick & Crop</string>
    <string name="action_settings">Settings</string>
    <string name="profile_desc">Founder at Smality & Android Software Instructor</string>
    <string name="profile_title">Tuğba Üstündağ</string>
    <string name="posts">posts</string>
    <string name="followers">followers</string>
    <string name="following">following</string>
    <string name="msg_error_unable_select_profile_pic">Unable to set profile image. Please try again!</string>
    <string name="lbl_set_profile_photo">Set profile image</string>
    <string name="lbl_take_camera_picture">Take a picture</string>
    <string name="lbl_choose_from_gallery">Choose from gallery</string>
    <string name="toast_image_intent_null">Image picker option is missing!</string>
 
    <!-- font families -->
    <string name="font_family_light">sans-serif-light</string>
    <string name="font_family_medium">sans-serif-medium</string>
    <string name="font_family_regular">sans-serif</string>
    <string name="font_family_condensed">sans-serif-condensed</string>
    <string name="font_family_black">sans-serif-black</string>
    <string name="font_family_thin">sans-serif-thin</string>
    <string name="dialog_permission_title">Grant Permissions</string>
    <string name="dialog_permission_message">This app needs permission to use this feature. You can grant them in app settings.</string>
    <string name="go_to_settings">GOTO SETTINGS</string>
</resources>

strings.xml

<string name="app_name">Image Pick & Crop</string>

<string name="action_settings">Settings</string>

<string name="profile_desc">Founder at Smality & Android Software Instructor</string>

<string name="profile_title">Tuğba Üstündağ</string>

<string name="posts">posts</string>

<string name="followers">followers</string>

<string name="following">following</string>

<string name="msg_error_unable_select_profile_pic">Unable to set profile image. Please try again!</string>

<string name="lbl_set_profile_photo">Set profile image</string>

<string name="lbl_take_camera_picture">Take a picture</string>

<string name="lbl_choose_from_gallery">Choose from gallery</string>

<string name="toast_image_intent_null">Image picker option is missing!</string>

<string name="font_family_light">sans-serif-light</string>

<string name="font_family_medium">sans-serif-medium</string>

<string name="font_family_regular">sans-serif</string>

<string name="font_family_condensed">sans-serif-condensed</string>

<string name="font_family_black">sans-serif-black</string>

<string name="font_family_thin">sans-serif-thin</string>

<string name="dialog_permission_title">Grant Permissions</string>

<string name="dialog_permission_message">This app needs permission to use this feature. You can grant them in app settings.</string>

<string name="go_to_settings">GOTO SETTINGS</string>

</resources>

dimen.xml
<resources>
    <dimen name="fab_margin">16dp</dimen>
    <dimen name="toolbar_profile_width">90dp</dimen>
    <dimen name="dimen_20dp">20dp</dimen>
    <dimen name="activity_padding">16dp</dimen>
    <dimen name="profile_title">23dp</dimen>
    <dimen name="profile_desc">13dp</dimen>
    <dimen name="meta_count">20dp</dimen>
    <dimen name="meta_label">12dp</dimen>
    <dimen name="dimen_40dp">40dp</dimen>
    <dimen name="ic_plus_width">28dp</dimen>
</resources>

dimen.xml

</resources>

colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#5770f3</color>
    <color name="colorPrimaryDark">#5770f3</color>
    <color name="colorAccent">#D81B60</color>
    <color name="gradient_start">#5770f3</color>
    <color name="gradient_end">#8e5aeb</color>
    <color name="profile_desc">#D1D1FF</color>
    <color name="bg_meta_container">#000000</color>
    <color name="profile_default_tint">#e0e0e0</color>
</resources>

colors.xml

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

</resources>

4- Projenin içinde res klasoründa arayüz kullanacağınız iconlar bulunmaktadır. Bu yüzden res dizinini kopyalıp, sizin projenizdeki yerine yapıştırın.

5- Ana sınıfınızın xml ini açıp, aşağıdaki kodu yerleştirin.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
 
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">
 
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />
 
        <include layout="@layout/layout_toolbar_profile" />
 
    </android.support.design.widget.AppBarLayout>
 
    <include layout="@layout/content_main" />
 
</android.support.design.widget.CoordinatorLayout>

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

<android.support.design.widget.CoordinatorLayout 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:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<android.support.design.widget.AppBarLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:theme="@style/AppTheme.AppBarOverlay">

<android.support.v7.widget.Toolbar

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

android:background="?attr/colorPrimary"

app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>

6- Layout dizinin de layout_toolbar_profile.xml dosyasını oluşturun ve aşağıdaki kodu yerleştirin.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical">
 
    <RelativeLayout
        android:layout_width="@dimen/toolbar_profile_width"
        android:layout_height="wrap_content">
 
        <com.mikhaellopez.circularimageview.CircularImageView
            android:id="@+id/img_profile"
            android:layout_width="@dimen/toolbar_profile_width"
            android:layout_height="@dimen/toolbar_profile_width"
            android:layout_marginTop="@dimen/activity_padding"
            android:layout_marginBottom="@dimen/activity_padding"
            android:scaleType="centerInside"
            android:src="@drawable/baseline_account_circle_black_48"
            app:civ_border_color="@android:color/white"
            app:civ_border_width="2dp" />
 
        <com.mikhaellopez.circularimageview.CircularImageView
            android:id="@+id/img_plus"
            android:layout_width="@dimen/ic_plus_width"
            android:layout_height="@dimen/ic_plus_width"
            android:layout_alignBottom="@id/img_profile"
            android:layout_alignParentRight="true"
            android:src="@drawable/ic_plus"
            app:civ_shadow="true"
            app:civ_shadow_radius="1" />
    </RelativeLayout>
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@string/font_family_medium"
        android:text="@string/profile_title"
        android:textColor="@android:color/white"
        android:textSize="@dimen/profile_title" />
 
    <TextView
        android:id="@+id/profile_desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/dimen_40dp"
        android:gravity="center_horizontal"
        android:paddingLeft="@dimen/dimen_20dp"
        android:paddingRight="@dimen/dimen_20dp"
        android:text="@string/profile_desc"
        android:textColor="@color/profile_desc"
        android:textSize="@dimen/profile_desc" />
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/bg_meta_container"
        android:orientation="horizontal"
        android:paddingTop="@dimen/activity_padding"
        android:paddingBottom="@dimen/activity_padding"
        android:weightSum="3">
 
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="1320"
                android:textColor="@android:color/white"
                android:textSize="@dimen/meta_count"
                android:textStyle="bold" />
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:fontFamily="@string/font_family_condensed"
                android:text="@string/posts"
                android:textColor="@android:color/white"
                android:textSize="@dimen/meta_label" />
        </LinearLayout>
 
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="4.3m"
                android:textColor="@android:color/white"
                android:textSize="@dimen/meta_count"
                android:textStyle="bold" />
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:fontFamily="@string/font_family_condensed"
                android:text="@string/followers"
                android:textColor="@android:color/white"
                android:textSize="@dimen/meta_label" />
        </LinearLayout>
 
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="123"
                android:textColor="@android:color/white"
                android:textSize="@dimen/meta_count"
                android:textStyle="bold" />
 
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:fontFamily="@string/font_family_condensed"
                android:text="@string/following"
                android:textColor="@android:color/white"
                android:textSize="@dimen/meta_label" />
        </LinearLayout>
    </LinearLayout>
 
</LinearLayout>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center_horizontal"

android:orientation="vertical">

<RelativeLayout

android:layout_width="@dimen/toolbar_profile_width"

android:layout_height="wrap_content">

<com.mikhaellopez.circularimageview.CircularImageView

android:id="@+id/img_profile"

android:layout_width="@dimen/toolbar_profile_width"

android:layout_height="@dimen/toolbar_profile_width"

android:layout_marginTop="@dimen/activity_padding"

android:layout_marginBottom="@dimen/activity_padding"

android:scaleType="centerInside"

android:src="@drawable/baseline_account_circle_black_48"

app:civ_border_color="@android:color/white"

app:civ_border_width="2dp" />

<com.mikhaellopez.circularimageview.CircularImageView

android:id="@+id/img_plus"

android:layout_width="@dimen/ic_plus_width"

android:layout_height="@dimen/ic_plus_width"

android:layout_alignBottom="@id/img_profile"

android:layout_alignParentRight="true"

android:src="@drawable/ic_plus"

app:civ_shadow="true"

app:civ_shadow_radius="1" />

</RelativeLayout>

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:fontFamily="@string/font_family_medium"

android:text="@string/profile_title"

android:textColor="@android:color/white"

android:textSize="@dimen/profile_title" />

<TextView

android:id="@+id/profile_desc"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginBottom="@dimen/dimen_40dp"

android:gravity="center_horizontal"

android:paddingLeft="@dimen/dimen_20dp"

android:paddingRight="@dimen/dimen_20dp"

android:text="@string/profile_desc"

android:textColor="@color/profile_desc"

android:textSize="@dimen/profile_desc" />

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@color/bg_meta_container"

android:orientation="horizontal"

android:paddingTop="@dimen/activity_padding"

android:paddingBottom="@dimen/activity_padding"

android:weightSum="3">

<LinearLayout

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="1320"

android:textColor="@android:color/white"

android:textSize="@dimen/meta_count"

android:textStyle="bold" />

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:fontFamily="@string/font_family_condensed"

android:text="@string/posts"

android:textColor="@android:color/white"

android:textSize="@dimen/meta_label" />

</LinearLayout>

<LinearLayout

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="4.3m"

android:textColor="@android:color/white"

android:textSize="@dimen/meta_count"

android:textStyle="bold" />

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:fontFamily="@string/font_family_condensed"

android:text="@string/followers"

android:textColor="@android:color/white"

android:textSize="@dimen/meta_label" />

</LinearLayout>

<LinearLayout

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:orientation="vertical">

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="123"

android:textColor="@android:color/white"

android:textSize="@dimen/meta_count"

android:textStyle="bold" />

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:fontFamily="@string/font_family_condensed"

android:text="@string/following"

android:textColor="@android:color/white"

android:textSize="@dimen/meta_label" />

</LinearLayout>

Profil sayfamızı oluşturduk.

3- Görüntü Alma ve Crop İşlevi Ekleme

Şimdi ise profil görüntüsüne veya artı simgesine dokunarak resim çekme işlemini nasıl yapacağımıza bakalım.

6- res dizininin altına xml dizini oluşturup, xml dizini içinde de file_paths.xml adlı bir xml dosyası oluşturun.Burada kamera görüntülerini galeride saklamak yerine önbelleğe alınmış bir yerde saklamak için bir FileProvider yolu tanımladık.

file_paths.xml
<?xml version="1.0" encoding="utf-8"?>
<paths>
    <external-cache-path
        name="cache"
        path="camera" />
</paths>

file_paths.xml

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

<paths>

<external-cache-path

name="cache"

path="camera" />

</paths>

7- AndroidManifest.xml dosyasında bazı değişiklikler yapmamız gerekir.

INTERNET, CAMERA ve STORAGE izinleri eklemeliyiz.
Kırpma işlemini başlatmak için UCropActivity sınıfını tanıtmamız gerekir.
6. adımda tanımladığımız xml kullanarak FileProvider bilgilerini ekleyin.

AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    package="info.androidhive.imagepicker">
 
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
 
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        tools:ignore="GoogleAppIndexingWarning">
        <activity android:name=".ImagePickerActivity" />
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:screenOrientation="portrait"
            android:theme="@style/AppTheme.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
 
        <!-- uCrop cropping activity -->
        <activity
            android:name="com.yalantis.ucrop.UCropActivity"
            android:screenOrientation="portrait"
            android:theme="@style/AppTheme.NoActionBar" />
 
        <!-- cache directory file provider paths -->
        <provider
            android:name="android.support.v4.content.FileProvider"
            android:authorities="${applicationId}.provider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/file_paths" />
        </provider>
    </application>
 
</manifest>

AndroidManifest.xml

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

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

package="info.androidhive.imagepicker">

<uses-permission android:name="android.permission.INTERNET" />

<uses-permission android:name="android.permission.CAMERA" />

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<application

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:roundIcon="@mipmap/ic_launcher_round"

android:supportsRtl="true"

android:theme="@style/AppTheme"

tools:ignore="GoogleAppIndexingWarning">

<activity

android:name=".MainActivity"

android:label="@string/app_name"

android:screenOrientation="portrait"

android:theme="@style/AppTheme.NoActionBar">

<intent-filter>

</intent-filter>

</activity>

<activity

android:name="com.yalantis.ucrop.UCropActivity"

android:screenOrientation="portrait"

android:theme="@style/AppTheme.NoActionBar" />

<provider

android:name="android.support.v4.content.FileProvider"

android:authorities="${applicationId}.provider"

android:exported="false"

android:grantUriPermissions="true">

<meta-data

android:name="android.support.FILE_PROVIDER_PATHS"

android:resource="@xml/file_paths" />

</provider>

</application>

</manifest>

8. Görüntüyü görüntülemek için Glide kullandığımızdan, MyGlideModule adlı bir sınıf oluşturun.

MyGlideModule.java

import com.bumptech.glide.annotation.GlideModule;
import com.bumptech.glide.module.AppGlideModule;
 
@GlideModule
public class MyGlideModule extends AppGlideModule {
}

MyGlideModule.java

import com.bumptech.glide.annotation.GlideModule;

import com.bumptech.glide.module.AppGlideModule;

@GlideModule

public class MyGlideModule extends AppGlideModule {

}

9. Karmaşıklığı azaltmak için, görüntüyü seçmeye ve kırpmaya özen gösteren bir activity sınıfı yazdım. Tek yapmanız gereken, bu activity’i projenize eklemek ve bu activity sınıfını çağırmak.

ImagePickerActivity.java oluşturun ve aşağıdaki kodu ekleyin.

ImagePickerActivity.java

import android.Manifest;
import android.app.Activity;
import android.content.ContentResolver;
import android.content.Context;
import android.content.Intent;
import android.database.Cursor;
import android.net.Uri;
import android.os.Bundle;
import android.provider.MediaStore;
import android.provider.OpenableColumns;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.Toast;
import com.karumi.dexter.Dexter;
import com.karumi.dexter.MultiplePermissionsReport;
import com.karumi.dexter.PermissionToken;
import com.karumi.dexter.listener.PermissionRequest;
import com.karumi.dexter.listener.multi.MultiplePermissionsListener;
import com.yalantis.ucrop.UCrop;
import java.io.File;
import java.util.List;
import static android.support.v4.content.FileProvider.getUriForFile;
 
public class ImagePickerActivity extends AppCompatActivity {
    private static final String TAG = ImagePickerActivity.class.getSimpleName();
    public static final String INTENT_IMAGE_PICKER_OPTION = "image_picker_option";
    public static final String INTENT_ASPECT_RATIO_X = "aspect_ratio_x";
    public static final String INTENT_ASPECT_RATIO_Y = "aspect_ratio_Y";
    public static final String INTENT_LOCK_ASPECT_RATIO = "lock_aspect_ratio";
    public static final String INTENT_IMAGE_COMPRESSION_QUALITY = "compression_quality";
    public static final String INTENT_SET_BITMAP_MAX_WIDTH_HEIGHT = "set_bitmap_max_width_height";
    public static final String INTENT_BITMAP_MAX_WIDTH = "max_width";
    public static final String INTENT_BITMAP_MAX_HEIGHT = "max_height";
 
 
    public static final int REQUEST_IMAGE_CAPTURE = 0;
    public static final int REQUEST_GALLERY_IMAGE = 1;
 
    private boolean lockAspectRatio = false, setBitmapMaxWidthHeight = false;
    private int ASPECT_RATIO_X = 16, ASPECT_RATIO_Y = 9, bitmapMaxWidth = 1000, bitmapMaxHeight = 1000;
    private int IMAGE_COMPRESSION = 80;
    public static String fileName;
 
    public interface PickerOptionListener {
        void onTakeCameraSelected();
 
        void onChooseGallerySelected();
    }
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_picker);
 
        Intent intent = getIntent();
        if (intent == null) {
            Toast.makeText(getApplicationContext(), getString(R.string.toast_image_intent_null), Toast.LENGTH_LONG).show();
            return;
        }
 
        ASPECT_RATIO_X = intent.getIntExtra(INTENT_ASPECT_RATIO_X, ASPECT_RATIO_X);
        ASPECT_RATIO_Y = intent.getIntExtra(INTENT_ASPECT_RATIO_Y, ASPECT_RATIO_Y);
        IMAGE_COMPRESSION = intent.getIntExtra(INTENT_IMAGE_COMPRESSION_QUALITY, IMAGE_COMPRESSION);
        lockAspectRatio = intent.getBooleanExtra(INTENT_LOCK_ASPECT_RATIO, false);
        setBitmapMaxWidthHeight = intent.getBooleanExtra(INTENT_SET_BITMAP_MAX_WIDTH_HEIGHT, false);
        bitmapMaxWidth = intent.getIntExtra(INTENT_BITMAP_MAX_WIDTH, bitmapMaxWidth);
        bitmapMaxHeight = intent.getIntExtra(INTENT_BITMAP_MAX_HEIGHT, bitmapMaxHeight);
 
        int requestCode = intent.getIntExtra(INTENT_IMAGE_PICKER_OPTION, -1);
        if (requestCode == REQUEST_IMAGE_CAPTURE) {
            takeCameraImage();
        } else {
            chooseImageFromGallery();
        }
    }
 
    public static void showImagePickerOptions(Context context, PickerOptionListener listener) {
        // setup the alert builder
        AlertDialog.Builder builder = new AlertDialog.Builder(context);
        builder.setTitle(context.getString(R.string.lbl_set_profile_photo));
 
        // add a list
        String[] animals = {context.getString(R.string.lbl_take_camera_picture), context.getString(R.string.lbl_choose_from_gallery)};
        builder.setItems(animals, (dialog, which) -> {
            switch (which) {
                case 0:
                    listener.onTakeCameraSelected();
                    break;
                case 1:
                    listener.onChooseGallerySelected();
                    break;
            }
        });
 
        // create and show the alert dialog
        AlertDialog dialog = builder.create();
        dialog.show();
    }
 
    private void takeCameraImage() {
        Dexter.withActivity(this)
                .withPermissions(Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE)
                .withListener(new MultiplePermissionsListener() {
                    @Override
                    public void onPermissionsChecked(MultiplePermissionsReport report) {
                        if (report.areAllPermissionsGranted()) {
                            fileName = System.currentTimeMillis() + ".jpg";
                            Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
                            takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, getCacheImagePath(fileName));
                            if (takePictureIntent.resolveActivity(getPackageManager()) != null) {
                                startActivityForResult(takePictureIntent, REQUEST_IMAGE_CAPTURE);
                            }
                        }
                    }
 
                    @Override
                    public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {
                        token.continuePermissionRequest();
                    }
                }).check();
    }
 
    private void chooseImageFromGallery() {
        Dexter.withActivity(this)
                .withPermissions(Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE)
                .withListener(new MultiplePermissionsListener() {
                    @Override
                    public void onPermissionsChecked(MultiplePermissionsReport report) {
                        if (report.areAllPermissionsGranted()) {
                            Intent pickPhoto = new Intent(Intent.ACTION_PICK,
                                    android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
                            startActivityForResult(pickPhoto, REQUEST_GALLERY_IMAGE);
                        }
                    }
 
                    @Override
                    public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {
                        token.continuePermissionRequest();
                    }
                }).check();
 
    }
 
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        switch (requestCode) {
            case REQUEST_IMAGE_CAPTURE:
                if (resultCode == RESULT_OK) {
                    cropImage(getCacheImagePath(fileName));
                } else {
                    setResultCancelled();
                }
                break;
            case REQUEST_GALLERY_IMAGE:
                if (resultCode == RESULT_OK) {
                    Uri imageUri = data.getData();
                    cropImage(imageUri);
                } else {
                    setResultCancelled();
                }
                break;
            case UCrop.REQUEST_CROP:
                if (resultCode == RESULT_OK) {
                    handleUCropResult(data);
                } else {
                    setResultCancelled();
                }
                break;
            case UCrop.RESULT_ERROR:
                final Throwable cropError = UCrop.getError(data);
                Log.e(TAG, "Crop error: " + cropError);
                setResultCancelled();
                break;
            default:
                setResultCancelled();
        }
    }
 
    private void cropImage(Uri sourceUri) {
        Uri destinationUri = Uri.fromFile(new File(getCacheDir(), queryName(getContentResolver(), sourceUri)));
        UCrop.Options options = new UCrop.Options();
        options.setCompressionQuality(IMAGE_COMPRESSION);
        options.setToolbarColor(ContextCompat.getColor(this, R.color.colorPrimary));
        options.setStatusBarColor(ContextCompat.getColor(this, R.color.colorPrimary));
        options.setActiveWidgetColor(ContextCompat.getColor(this, R.color.colorPrimary));
 
        if (lockAspectRatio)
            options.withAspectRatio(ASPECT_RATIO_X, ASPECT_RATIO_Y);
 
        if (setBitmapMaxWidthHeight)
            options.withMaxResultSize(bitmapMaxWidth, bitmapMaxHeight);
 
        UCrop.of(sourceUri, destinationUri)
                .withOptions(options)
                .start(this);
    }
 
    private void handleUCropResult(Intent data) {
        if (data == null) {
            setResultCancelled();
            return;
        }
        final Uri resultUri = UCrop.getOutput(data);
        setResultOk(resultUri);
    }
 
    private void setResultOk(Uri imagePath) {
        Intent intent = new Intent();
        intent.putExtra("path", imagePath);
        setResult(Activity.RESULT_OK, intent);
        finish();
    }
 
    private void setResultCancelled() {
        Intent intent = new Intent();
        setResult(Activity.RESULT_CANCELED, intent);
        finish();
    }
 
    private Uri getCacheImagePath(String fileName) {
        File path = new File(getExternalCacheDir(), "camera");
        if (!path.exists()) path.mkdirs();
        File image = new File(path, fileName);
        return getUriForFile(ImagePickerActivity.this, getPackageName() + ".provider", image);
    }
 
    private static String queryName(ContentResolver resolver, Uri uri) {
        Cursor returnCursor =
                resolver.query(uri, null, null, null, null);
        assert returnCursor != null;
        int nameIndex = returnCursor.getColumnIndex(OpenableColumns.DISPLAY_NAME);
        returnCursor.moveToFirst();
        String name = returnCursor.getString(nameIndex);
        returnCursor.close();
        return name;
    }
 
    /**
     * Bu metodu çağırırsanız,resimleri önbellek dizininden siler
     */
    public static void clearCache(Context context) {
        File path = new File(context.getExternalCacheDir(), "camera");
        if (path.exists() && path.isDirectory()) {
            for (File child : path.listFiles()) {
                child.delete();
            }
        }
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

ImagePickerActivity.java

import android.Manifest;

import android.app.Activity;

import android.content.ContentResolver;

import android.content.Context;

import android.content.Intent;

import android.database.Cursor;

import android.net.Uri;

import android.os.Bundle;

import android.provider.MediaStore;

import android.provider.OpenableColumns;

import android.support.v4.content.ContextCompat;

import android.support.v7.app.AlertDialog;

import android.support.v7.app.AppCompatActivity;

import android.util.Log;

import android.widget.Toast;

import com.karumi.dexter.Dexter;

import com.karumi.dexter.MultiplePermissionsReport;

import com.karumi.dexter.PermissionToken;

import com.karumi.dexter.listener.PermissionRequest;

import com.karumi.dexter.listener.multi.MultiplePermissionsListener;

import com.yalantis.ucrop.UCrop;

import java.io.File;

import java.util.List;

import static android.support.v4.content.FileProvider.getUriForFile;

public class ImagePickerActivity extends AppCompatActivity {

private static final String TAG = ImagePickerActivity.class.getSimpleName();

public static final String INTENT_IMAGE_PICKER_OPTION = "image_picker_option";

public static final String INTENT_ASPECT_RATIO_X = "aspect_ratio_x";

public static final String INTENT_ASPECT_RATIO_Y = "aspect_ratio_Y";

public static final String INTENT_LOCK_ASPECT_RATIO = "lock_aspect_ratio";

public static final String INTENT_IMAGE_COMPRESSION_QUALITY = "compression_quality";

public static final String INTENT_SET_BITMAP_MAX_WIDTH_HEIGHT = "set_bitmap_max_width_height";

public static final String INTENT_BITMAP_MAX_WIDTH = "max_width";

public static final String INTENT_BITMAP_MAX_HEIGHT = "max_height";

public static final int REQUEST_IMAGE_CAPTURE = 0;

public static final int REQUEST_GALLERY_IMAGE = 1;

private boolean lockAspectRatio = false, setBitmapMaxWidthHeight = false;

private int ASPECT_RATIO_X = 16, ASPECT_RATIO_Y = 9, bitmapMaxWidth = 1000, bitmapMaxHeight = 1000;

private int IMAGE_COMPRESSION = 80;

public static String fileName;

public interface PickerOptionListener {

void onTakeCameraSelected();

void onChooseGallerySelected();

}

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_image_picker);

Intent intent = getIntent();

if (intent == null) {

Toast.makeText(getApplicationContext(), getString(R.string.toast_image_intent_null), Toast.LENGTH_LONG).show();

return;

}

ASPECT_RATIO_X = intent.getIntExtra(INTENT_ASPECT_RATIO_X, ASPECT_RATIO_X);

ASPECT_RATIO_Y = intent.getIntExtra(INTENT_ASPECT_RATIO_Y, ASPECT_RATIO_Y);

IMAGE_COMPRESSION = intent.getIntExtra(INTENT_IMAGE_COMPRESSION_QUALITY, IMAGE_COMPRESSION);

lockAspectRatio = intent.getBooleanExtra(INTENT_LOCK_ASPECT_RATIO, false);

setBitmapMaxWidthHeight = intent.getBooleanExtra(INTENT_SET_BITMAP_MAX_WIDTH_HEIGHT, false);

bitmapMaxWidth = intent.getIntExtra(INTENT_BITMAP_MAX_WIDTH, bitmapMaxWidth);

bitmapMaxHeight = intent.getIntExtra(INTENT_BITMAP_MAX_HEIGHT, bitmapMaxHeight);

int requestCode = intent.getIntExtra(INTENT_IMAGE_PICKER_OPTION, -1);

if (requestCode == REQUEST_IMAGE_CAPTURE) {

takeCameraImage();

} else {

chooseImageFromGallery();

}

public static void showImagePickerOptions(Context context, PickerOptionListener listener) {

// setup the alert builder

AlertDialog.Builder builder = new AlertDialog.Builder(context);

builder.setTitle(context.getString(R.string.lbl_set_profile_photo));

// add a list

String[] animals = {context.getString(R.string.lbl_take_camera_picture), context.getString(R.string.lbl_choose_from_gallery)};

builder.setItems(animals, (dialog, which) -> {

switch (which) {

case 0:

listener.onTakeCameraSelected();

break;

case 1:

listener.onChooseGallerySelected();

break;

}

});

// create and show the alert dialog

AlertDialog dialog = builder.create();

dialog.show();

}

private void takeCameraImage() {

Dexter.withActivity(this)

.withPermissions(Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE)

.withListener(new MultiplePermissionsListener() {

@Override

public void onPermissionsChecked(MultiplePermissionsReport report) {

if (report.areAllPermissionsGranted()) {

fileName = System.currentTimeMillis() + ".jpg";

Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);

takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT, getCacheImagePath(fileName));

if (takePictureIntent.resolveActivity(getPackageManager()) != null) {

startActivityForResult(takePictureIntent, REQUEST_IMAGE_CAPTURE);

}

@Override

public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {

token.continuePermissionRequest();

}

}).check();

}

private void chooseImageFromGallery() {

Dexter.withActivity(this)

.withPermissions(Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE)

.withListener(new MultiplePermissionsListener() {

@Override

public void onPermissionsChecked(MultiplePermissionsReport report) {

if (report.areAllPermissionsGranted()) {

Intent pickPhoto = new Intent(Intent.ACTION_PICK,

android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);

startActivityForResult(pickPhoto, REQUEST_GALLERY_IMAGE);

}

@Override

public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {

token.continuePermissionRequest();

}

}).check();

}

protected void onActivityResult(int requestCode, int resultCode, Intent data) {

switch (requestCode) {

case REQUEST_IMAGE_CAPTURE:

if (resultCode == RESULT_OK) {

cropImage(getCacheImagePath(fileName));

} else {

setResultCancelled();

}

break;

case REQUEST_GALLERY_IMAGE:

if (resultCode == RESULT_OK) {

Uri imageUri = data.getData();

cropImage(imageUri);

} else {

setResultCancelled();

}

break;

case UCrop.REQUEST_CROP:

if (resultCode == RESULT_OK) {

handleUCropResult(data);

} else {

setResultCancelled();

}

break;

case UCrop.RESULT_ERROR:

final Throwable cropError = UCrop.getError(data);

Log.e(TAG, "Crop error: " + cropError);

setResultCancelled();

break;

default:

setResultCancelled();

}

private void cropImage(Uri sourceUri) {

Uri destinationUri = Uri.fromFile(new File(getCacheDir(), queryName(getContentResolver(), sourceUri)));

UCrop.Options options = new UCrop.Options();

options.setCompressionQuality(IMAGE_COMPRESSION);

options.setToolbarColor(ContextCompat.getColor(this, R.color.colorPrimary));

options.setStatusBarColor(ContextCompat.getColor(this, R.color.colorPrimary));

options.setActiveWidgetColor(ContextCompat.getColor(this, R.color.colorPrimary));

if (lockAspectRatio)

options.withAspectRatio(ASPECT_RATIO_X, ASPECT_RATIO_Y);

if (setBitmapMaxWidthHeight)

options.withMaxResultSize(bitmapMaxWidth, bitmapMaxHeight);

UCrop.of(sourceUri, destinationUri)

.withOptions(options)

.start(this);

}

private void handleUCropResult(Intent data) {

if (data == null) {

setResultCancelled();

return;

}

final Uri resultUri = UCrop.getOutput(data);

setResultOk(resultUri);

}

private void setResultOk(Uri imagePath) {

Intent intent = new Intent();

intent.putExtra("path", imagePath);

setResult(Activity.RESULT_OK, intent);

finish();

}

private void setResultCancelled() {

Intent intent = new Intent();

setResult(Activity.RESULT_CANCELED, intent);

finish();

}

private Uri getCacheImagePath(String fileName) {

File path = new File(getExternalCacheDir(), "camera");

if (!path.exists()) path.mkdirs();

File image = new File(path, fileName);

return getUriForFile(ImagePickerActivity.this, getPackageName() + ".provider", image);

}

private static String queryName(ContentResolver resolver, Uri uri) {

Cursor returnCursor =

resolver.query(uri, null, null, null, null);

assert returnCursor != null;

int nameIndex = returnCursor.getColumnIndex(OpenableColumns.DISPLAY_NAME);

returnCursor.moveToFirst();

String name = returnCursor.getString(nameIndex);

returnCursor.close();

return name;

}

/**

* Bu metodu çağırırsanız,resimleri önbellek dizininden siler

public static void clearCache(Context context) {

File path = new File(context.getExternalCacheDir(), "camera");

if (path.exists() && path.isDirectory()) {

for (File child : path.listFiles()) {

child.delete();

}

3.1 Fotoğrafı Çekme Anında Görüntünün Gösterilmesi

Bu işlem için MainActivity sınıfında ImagePickerActivity.showImagePickerOptions() metodunu çağırmalıyız.

ImagePickerActivity.showImagePickerOptions(this, new ImagePickerActivity.PickerOptionListener() {
            @Override
            public void onTakeCameraSelected() {
                // launchCameraIntent();
            }
 
            @Override
            public void onChooseGallerySelected() {
                // launchGalleryIntent();
            }
        });

ImagePickerActivity.showImagePickerOptions(this, new ImagePickerActivity.PickerOptionListener() {

@Override

public void onTakeCameraSelected() {

// launchCameraIntent();

}

@Override

public void onChooseGallerySelected() {

// launchGalleryIntent();

}

});

Galeriden seçtiğimiz görüntüyü 1 × 1 en boy oranına sahip olacak şekilde ayarlamak istersek, aşağıdaki kodu yazmalıyız.

Intent intent = new Intent(MainActivity.this, ImagePickerActivity.class);
intent.putExtra(ImagePickerActivity.INTENT_IMAGE_PICKER_OPTION, ImagePickerActivity.REQUEST_IMAGE_CAPTURE);
 
// setting aspect ratio
intent.putExtra(ImagePickerActivity.INTENT_LOCK_ASPECT_RATIO, true);
intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_X, 1); // 16x9, 1x1, 3:4, 3:2
intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_Y, 1);
 
startActivityForResult(intent, REQUEST_IMAGE);

Intent intent = new Intent(MainActivity.this, ImagePickerActivity.class);

intent.putExtra(ImagePickerActivity.INTENT_IMAGE_PICKER_OPTION, ImagePickerActivity.REQUEST_IMAGE_CAPTURE);

// setting aspect ratio

intent.putExtra(ImagePickerActivity.INTENT_LOCK_ASPECT_RATIO, true);

intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_X, 1); // 16x9, 1x1, 3:4, 3:2

intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_Y, 1);

startActivityForResult(intent, REQUEST_IMAGE);

10- Şuana kadar yazdığımız metodları kullanmak için MainActivity sınıfını açalım. Bu sınıfta boş profil resmine ya da artı iconuna tıkladığımızda, resim çekme ve crop işlemini yapan metotları kullanacağız.

MainActivity.java
 
import android.Manifest;
import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Bundle;
import android.provider.MediaStore;
import android.provider.Settings;
import android.support.annotation.Nullable;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.widget.ImageView;
 
import com.karumi.dexter.Dexter;
import com.karumi.dexter.MultiplePermissionsReport;
import com.karumi.dexter.PermissionToken;
import com.karumi.dexter.listener.PermissionRequest;
import com.karumi.dexter.listener.multi.MultiplePermissionsListener;
 
import java.io.IOException;
import java.util.List;
 
import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;
 
public class MainActivity extends AppCompatActivity {
    private static final String TAG = MainActivity.class.getSimpleName();
    public static final int REQUEST_IMAGE = 100;
 
    @BindView(R.id.img_profile)
    ImageView imgProfile;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setTitle(null);
 
        loadProfileDefault();
 
        // Eski görüntüleri önbellek dizininden temizleme
        // Aynı aktivitede birden fazla görüntü seçmek istiyorsanız bu satırı kullanma
        // bitmap (ler) kullanımı bittiğinde bunu çağırın
        ImagePickerActivity.clearCache(this);
    }
 
    private void loadProfile(String url) {
        Log.d(TAG, "Image cache path: " + url);
 
        GlideApp.with(this).load(url)
                .into(imgProfile);
        imgProfile.setColorFilter(ContextCompat.getColor(this, android.R.color.transparent));
    }
 
    private void loadProfileDefault() {
        GlideApp.with(this).load(R.drawable.baseline_account_circle_black_48)
                .into(imgProfile);
        imgProfile.setColorFilter(ContextCompat.getColor(this, R.color.profile_default_tint));
    }
 
    @OnClick({R.id.img_plus, R.id.img_profile})
    void onProfileImageClick() {
        Dexter.withActivity(this)
                .withPermissions(Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE)
                .withListener(new MultiplePermissionsListener() {
                    @Override
                    public void onPermissionsChecked(MultiplePermissionsReport report) {
                        if (report.areAllPermissionsGranted()) {
                            showImagePickerOptions();
                        }
 
                        if (report.isAnyPermissionPermanentlyDenied()) {
                            showSettingsDialog();
                        }
                    }
 
                    @Override
                    public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {
                        token.continuePermissionRequest();
                    }
                }).check();
    }
 
    private void showImagePickerOptions() {
        ImagePickerActivity.showImagePickerOptions(this, new ImagePickerActivity.PickerOptionListener() {
            @Override
            public void onTakeCameraSelected() {
                launchCameraIntent();
            }
 
            @Override
            public void onChooseGallerySelected() {
                launchGalleryIntent();
            }
        });
    }
 
    private void launchCameraIntent() {
        Intent intent = new Intent(MainActivity.this, ImagePickerActivity.class);
        intent.putExtra(ImagePickerActivity.INTENT_IMAGE_PICKER_OPTION, ImagePickerActivity.REQUEST_IMAGE_CAPTURE);
 
        // setting aspect ratio
        intent.putExtra(ImagePickerActivity.INTENT_LOCK_ASPECT_RATIO, true);
        intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_X, 1); // 16x9, 1x1, 3:4, 3:2
        intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_Y, 1);
 
        // setting maximum bitmap width and height
        intent.putExtra(ImagePickerActivity.INTENT_SET_BITMAP_MAX_WIDTH_HEIGHT, true);
        intent.putExtra(ImagePickerActivity.INTENT_BITMAP_MAX_WIDTH, 1000);
        intent.putExtra(ImagePickerActivity.INTENT_BITMAP_MAX_HEIGHT, 1000);
 
        startActivityForResult(intent, REQUEST_IMAGE);
    }
 
    private void launchGalleryIntent() {
        Intent intent = new Intent(MainActivity.this, ImagePickerActivity.class);
        intent.putExtra(ImagePickerActivity.INTENT_IMAGE_PICKER_OPTION, ImagePickerActivity.REQUEST_GALLERY_IMAGE);
 
        // setting aspect ratio
        intent.putExtra(ImagePickerActivity.INTENT_LOCK_ASPECT_RATIO, true);
        intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_X, 1); // 16x9, 1x1, 3:4, 3:2
        intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_Y, 1);
        startActivityForResult(intent, REQUEST_IMAGE);
    }
 
    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        if (requestCode == REQUEST_IMAGE) {
            if (resultCode == Activity.RESULT_OK) {
                Uri uri = data.getParcelableExtra("path");
                try {
                    // Bu bitmap'i sunucunuza güncelleyebilirsiniz.
                    Bitmap bitmap = MediaStore.Images.Media.getBitmap(this.getContentResolver(), uri);
         
                    loadProfile(uri.toString());
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }
 
    /**
     * Kullanıcıya izinleri vermesini gerektiğini dair uyarı penceresi
     */
    private void showSettingsDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
        builder.setTitle(getString(R.string.dialog_permission_title));
        builder.setMessage(getString(R.string.dialog_permission_message));
        builder.setPositiveButton(getString(R.string.go_to_settings), (dialog, which) -> {
            dialog.cancel();
            openSettings();
        });
        builder.setNegativeButton(getString(android.R.string.cancel), (dialog, which) -> dialog.cancel());
        builder.show();
 
    }

    private void openSettings() {
        Intent intent = new Intent(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
        Uri uri = Uri.fromParts("package", getPackageName(), null);
        intent.setData(uri);
        startActivityForResult(intent, 101);
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

MainActivity.java

import android.Manifest;

import android.app.Activity;

import android.content.Intent;

import android.graphics.Bitmap;

import android.net.Uri;

import android.os.Bundle;

import android.provider.MediaStore;

import android.provider.Settings;

import android.support.annotation.Nullable;

import android.support.v4.content.ContextCompat;

import android.support.v7.app.AlertDialog;

import android.support.v7.app.AppCompatActivity;

import android.support.v7.widget.Toolbar;

import android.util.Log;

import android.widget.ImageView;

import com.karumi.dexter.Dexter;

import com.karumi.dexter.MultiplePermissionsReport;

import com.karumi.dexter.PermissionToken;

import com.karumi.dexter.listener.PermissionRequest;

import com.karumi.dexter.listener.multi.MultiplePermissionsListener;

import java.io.IOException;

import java.util.List;

import butterknife.BindView;

import butterknife.ButterKnife;

import butterknife.OnClick;

public class MainActivity extends AppCompatActivity {

private static final String TAG = MainActivity.class.getSimpleName();

public static final int REQUEST_IMAGE = 100;

@BindView(R.id.img_profile)

ImageView imgProfile;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ButterKnife.bind(this);

Toolbar toolbar = findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

getSupportActionBar().setDisplayHomeAsUpEnabled(true);

getSupportActionBar().setTitle(null);

loadProfileDefault();

// Eski görüntüleri önbellek dizininden temizleme

// Aynı aktivitede birden fazla görüntü seçmek istiyorsanız bu satırı kullanma

// bitmap (ler) kullanımı bittiğinde bunu çağırın

ImagePickerActivity.clearCache(this);

}

private void loadProfile(String url) {

Log.d(TAG, "Image cache path: " + url);

GlideApp.with(this).load(url)

.into(imgProfile);

imgProfile.setColorFilter(ContextCompat.getColor(this, android.R.color.transparent));

}

private void loadProfileDefault() {

GlideApp.with(this).load(R.drawable.baseline_account_circle_black_48)

.into(imgProfile);

imgProfile.setColorFilter(ContextCompat.getColor(this, R.color.profile_default_tint));

}

@OnClick({R.id.img_plus, R.id.img_profile})

void onProfileImageClick() {

Dexter.withActivity(this)

.withPermissions(Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE)

.withListener(new MultiplePermissionsListener() {

@Override

public void onPermissionsChecked(MultiplePermissionsReport report) {

if (report.areAllPermissionsGranted()) {

showImagePickerOptions();

}

if (report.isAnyPermissionPermanentlyDenied()) {

showSettingsDialog();

}

@Override

public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {

token.continuePermissionRequest();

}

}).check();

}

private void showImagePickerOptions() {

ImagePickerActivity.showImagePickerOptions(this, new ImagePickerActivity.PickerOptionListener() {

@Override

public void onTakeCameraSelected() {

launchCameraIntent();

}

@Override

public void onChooseGallerySelected() {

launchGalleryIntent();

}

});

}

private void launchCameraIntent() {

Intent intent = new Intent(MainActivity.this, ImagePickerActivity.class);

intent.putExtra(ImagePickerActivity.INTENT_IMAGE_PICKER_OPTION, ImagePickerActivity.REQUEST_IMAGE_CAPTURE);

// setting aspect ratio

intent.putExtra(ImagePickerActivity.INTENT_LOCK_ASPECT_RATIO, true);

intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_X, 1); // 16x9, 1x1, 3:4, 3:2

intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_Y, 1);

// setting maximum bitmap width and height

intent.putExtra(ImagePickerActivity.INTENT_SET_BITMAP_MAX_WIDTH_HEIGHT, true);

intent.putExtra(ImagePickerActivity.INTENT_BITMAP_MAX_WIDTH, 1000);

intent.putExtra(ImagePickerActivity.INTENT_BITMAP_MAX_HEIGHT, 1000);

startActivityForResult(intent, REQUEST_IMAGE);

}

private void launchGalleryIntent() {

Intent intent = new Intent(MainActivity.this, ImagePickerActivity.class);

intent.putExtra(ImagePickerActivity.INTENT_IMAGE_PICKER_OPTION, ImagePickerActivity.REQUEST_GALLERY_IMAGE);

// setting aspect ratio

intent.putExtra(ImagePickerActivity.INTENT_LOCK_ASPECT_RATIO, true);

intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_X, 1); // 16x9, 1x1, 3:4, 3:2

intent.putExtra(ImagePickerActivity.INTENT_ASPECT_RATIO_Y, 1);

startActivityForResult(intent, REQUEST_IMAGE);

}

@Override

protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {

if (requestCode == REQUEST_IMAGE) {

if (resultCode == Activity.RESULT_OK) {

Uri uri = data.getParcelableExtra("path");

try {

// Bu bitmap'i sunucunuza güncelleyebilirsiniz.

Bitmap bitmap = MediaStore.Images.Media.getBitmap(this.getContentResolver(), uri);

loadProfile(uri.toString());

} catch (IOException e) {

e.printStackTrace();

}

/**

* Kullanıcıya izinleri vermesini gerektiğini dair uyarı penceresi

private void showSettingsDialog() {

AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);

builder.setTitle(getString(R.string.dialog_permission_title));

builder.setMessage(getString(R.string.dialog_permission_message));

builder.setPositiveButton(getString(R.string.go_to_settings), (dialog, which) -> {

dialog.cancel();

openSettings();

});

builder.setNegativeButton(getString(android.R.string.cancel), (dialog, which) -> dialog.cancel());

builder.show();

}

private void openSettings() {

Intent intent = new Intent(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);

Uri uri = Uri.fromParts("package", getPackageName(), null);

intent.setData(uri);

startActivityForResult(intent, 101);

}

Şimdi uygulamayı çalıştırın ve artık kolaylıkla fotoğraf işlemlerini yapabilirsiniz.

Kaynak

1- https://www.androidhive.info/2019/02/android-choosing-image-camera-gallery-crop-functionality/

Galeri / Kamera Kullanarak Resim Yükleme ve Croplama

1- uCrop – Crop Kütüphanesi

2- Proje Ayarları ve Profil Arayüzünü Oluşturma

3- Görüntü Alma ve Crop İşlevi Ekleme

3.1 Fotoğrafı Çekme Anında Görüntünün Gösterilmesi

Tuğba Üstündağ

En çok okunanlar

Android Studio 2.2' de ConstraintLayout Yapısı

GPS ile En Yakın Noktaları Bulma: Android Location Services ve Google Maps Service API

Android ile Harici Sql Veritabanını Projeye Yükleme

Android Image Slider

Kategoriler

En son yazılar

Compose ile Shared Element Transition Animasyonu

Tiktok ve Instagram Reels Gibi Kaydırılabilir Video Oluşturma

Android Studio'da Kod Kalıplarının Kısaltılması ile Hızlı Kod Yazma

Compose ile OTP Input Field Oluşturma

Bir cevap yazın Cevabı iptal et

Hakkımda

Kategoriler

En son yazılar

Compose ile Shared Element Transition Animasyonu

Tiktok ve Instagram Reels Gibi Kaydırılabilir Video Oluşturma

Android Studio'da Kod Kalıplarının Kısaltılması ile Hızlı Kod Yazma

Faydalı Linkler

Galeri / Kamera Kullanarak Resim Yükleme ve Croplama

1- uCrop – Crop Kütüphanesi

2- Proje Ayarları ve Profil Arayüzünü Oluşturma

3- Görüntü Alma ve Crop İşlevi Ekleme

3.1 Fotoğrafı Çekme Anında Görüntünün Gösterilmesi

En çok okunanlar

Takip edin

Kategoriler

En son yazılar

Bülten

Bültene abone ol

Bir cevap yazın Cevabı iptal et

Hakkımda

Kategoriler

En son yazılar

Faydalı Linkler