GithubHelp home page GithubHelp logo

husseinhj / android-image-cropper Goto Github PK

View Code? Open in Web Editor NEW

This project forked from canhub/android-image-cropper

0.0 0.0 0.0 13.09 MB

Image Cropping Library for Android, optimised for Camera / Gallery.

Home Page: https://canhub.github.io/

License: Apache License 2.0

Kotlin 100.00%

android-image-cropper's Introduction

CanHub

Android Image Cropper

  • Powerful (Zoom, Rotation, Multi-Source)
  • Customizable (Shape, Limits, Style)
  • Optimized (Async, Sampling, Matrix)
  • Simple image cropping library for Android

Crop demo

Add to your project

dependencies {
  implementation("com.vanniktech:android-image-cropper:4.5.0")
}

Using the Library

There are 3 ways of using the library. Check out the sample app for all details.

class MainActivity {
  private val cropImage = registerForActivityResult(CropImageContract()) { result ->
    if (result.isSuccessful) {
      // Use the returned uri.
      val uriContent = result.uriContent
      val uriFilePath = result.getUriFilePath(context) // optional usage
    } else {
      // An error occurred.
      val exception = result.error
    }
  }

  private fun startCrop() {
    // Start picker to get image for cropping and then use the image in cropping activity.
    cropImage.launch(
      options {
        setGuidelines(Guidelines.ON)
      }
    )

    // Start picker to get image for cropping from only gallery and then use the image in cropping activity.
    cropImage.launch(
      options {
        setImagePickerContractOptions(
          PickImageContractOptions(includeGallery = true, includeCamera = false)
        )
      }
    )

    // Start cropping activity for pre-acquired image saved on the device and customize settings.
    cropImage.launch(
      options(uri = imageUri) {
        setGuidelines(Guidelines.ON)
        setOutputCompressFormat(CompressFormat.PNG)
      }
    )
  }
}
  • Add CropImageView into your activity
<!-- Image Cropper fill the remaining available height -->
<com.canhub.cropper.CropImageView
  android:id="@+id/cropImageView"
  android:layout_width="match_parent"
  android:layout_height="0dp"
  android:layout_weight="1"
  />
  • Set image to crop
cropImageView.setImageUriAsync(uri)
// Or prefer using uri for performance and better user experience.
cropImageView.setImageBitmap(bitmap)
  • Get cropped image
// Subscribe to async event using cropImageView.setOnCropImageCompleteListener(listener)
cropImageView.getCroppedImageAsync()
// Or.
val cropped: Bitmap = cropImageView.getCroppedImage()

If you want to extend the CropImageActivity please be aware you will need to set up your CropImageView

  • Add CropImageActivity into your AndroidManifest.xml
<!-- Theme is optional and only needed if default theme has no action bar. -->
<activity
  android:name="com.canhub.cropper.CropImageActivity"
  android:theme="@style/Base.Theme.AppCompat"
  />
  • Set up your CropImageView after call super.onCreate(savedInstanceState)
override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  setCropImageView(binding.cropImageView)
}

Custom dialog for image source pick

When calling crop directly the library will prompt a dialog for the user choose between gallery or camera (If you keep both enable). We use the Android default AlertDialog for this. If you wanna customised it with your app theme you need to override the method showImageSourceDialog(..) when extending the activity (above)

override fun showImageSourceDialog(openSource: (Source) -> Unit) {
  super.showImageSourceDialog(openCamera)
}

Posts

Migrating from Android Image Cropper

Start by using Version 4.3.3:

dependencies {
  implementation("com.vanniktech:android-image-cropper:4.3.3")
}

Update all imports

-import com.theartofdev.edmodo.cropper.CropImage
-import com.theartofdev.edmodo.cropper.CropImageActivity
+import com.canhub.cropper.CropImage
+import com.canhub.cropper.CropImageActivity

Update all XML references

-<com.theartofdev.edmodo.cropper.CropImageView
+<com.canhub.cropper.CropImageView

When using Activity Contracts, consult with the sample app on how to use our Activity Contracts since onActivityResult got deprecated.

Versions after 4.3.3 have changed the APIs quite a bit, it's best to upgrade to each minor version individually, remove deprecated API usages and continue upgrading. So after using 4.3.3, upgrade to 4.4.0, etc.

License

Forked from ArthurHub Originally forked from edmodo/cropper.

Copyright 2016, Arthur Teplitzki, 2013, Edmodo, Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at:

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

android-image-cropper's People

Contributors

alireza-farahani avatar androiddeveloperlb avatar armchilingarov avatar ashique-perumbavoor avatar bhagyae5308 avatar canato avatar chriscoomber avatar clouddjr avatar connyduck avatar crocsandcoffee avatar devenom1 avatar fadsel avatar gwharvey avatar happyfacade avatar husseinhj avatar janneman84 avatar junaediwidjojo avatar lazydevpro avatar loukwn avatar manuelrego27 avatar morons avatar mouwrice avatar nowdev avatar ondree avatar paulwoitaschek avatar ravindu1024 avatar sanjaydevtech avatar scana avatar vanniktech avatar zikstar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.