All Projects → hpfs0 → Dragscalecircleview

hpfs0 / Dragscalecircleview

Licence: apache-2.0
a custom view that provides dragged and scaled

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Dragscalecircleview

Igrphototweaks
Drag, Rotate, Scale and Crop
Stars: ✭ 212 (-58.67%)
Mutual labels:  crop, crop-image
react-drop-n-crop
An opinionated implementation of react-dropzone and react-cropper
Stars: ✭ 17 (-96.69%)
Mutual labels:  crop, crop-image
Vue Croppie
Vue wrapper for croppie
Stars: ✭ 228 (-55.56%)
Mutual labels:  crop, crop-image
React Cropper
Cropperjs as React component
Stars: ✭ 1,600 (+211.89%)
Mutual labels:  crop, crop-image
pikaso
Seamless and headless HTML5 Canvas library
Stars: ✭ 23 (-95.52%)
Mutual labels:  crop, crop-image
Krop
Small widget for image cropping in Instagram-like style
Stars: ✭ 107 (-79.14%)
Mutual labels:  crop, crop-image
SSImagePicker
Easy to use and configurable library to Pick an image from the Gallery or Capture an image using a Camera... 📸
Stars: ✭ 227 (-55.75%)
Mutual labels:  crop, crop-image
React Easy Crop
A React component to crop images/videos with easy interactions
Stars: ✭ 1,093 (+113.06%)
Mutual labels:  crop, crop-image
bubble-layout
An Android ViewGroup that displays avatar bubbles... similar to the chat bubbles on Facebook Messenger.
Stars: ✭ 46 (-91.03%)
Mutual labels:  imageview, circle
RoundImage
This library is used for converting Bitmap or Drawable images to Round or Circular Shape. Round image view for Android or Circular Image View for Android.Tags Android Round Circularimageview Circle Rounded Corner imageview library.
Stars: ✭ 42 (-91.81%)
Mutual labels:  imageview, circle
Bimg
Go package for fast high-level image processing powered by libvips C library
Stars: ✭ 1,394 (+171.73%)
Mutual labels:  crop, crop-image
Tkimageview
An easy way to crop an image.
Stars: ✭ 342 (-33.33%)
Mutual labels:  crop, crop-image
Svg Autocrop
🚗🌽🔳An NPM module to autocrop and slim down SVGs
Stars: ✭ 80 (-84.41%)
Mutual labels:  crop, crop-image
Cropiwa
📐 Configurable Custom Crop widget for Android
Stars: ✭ 2,185 (+325.93%)
Mutual labels:  crop, crop-image
Svelte Easy Crop
A Svelte component to crop images with easy interactions
Stars: ✭ 80 (-84.41%)
Mutual labels:  crop, crop-image
react-simple-crop
✂️ A React component library for cropping and previewing images
Stars: ✭ 19 (-96.3%)
Mutual labels:  crop, crop-image
Croppy
Image Cropping Library for Android
Stars: ✭ 906 (+76.61%)
Mutual labels:  crop, crop-image
Smartcircle
✂️Automatically determine where to crop a circular image out of a rectangular.
Stars: ✭ 29 (-94.35%)
Mutual labels:  crop, crop-image
vue-crop
[举个例子]https://codesandbox.io/s/910ro8ym9r [演示链接(戳我直达)]http://www.wwwwxy.top/html/blg/
Stars: ✭ 38 (-92.59%)
Mutual labels:  crop, crop-image
crops
🌄 Image thumbnail generation server
Stars: ✭ 37 (-92.79%)
Mutual labels:  crop, crop-image

DragScaleCircleView

Android Arsenal

A custom imageview that provides the circle window can be dragged and scaled, crop image.

How does it look?

image

Why?

Sometimes need to cut a picture into a circle.

Install

The library is published on Jcenter:

    compile 'com.rori.zenvo.dragscalecircleview:dragscalecircleview:1.0.1'

Usage

To add the DragScaleCircleView to your application, specify com.rori.zenvo.dragscalecircleview.DragScaleCircleView in your layout XML.

    <com.rori.zenvo.dragscalecircleview.DragScaleCircleView
        android:id="@+id/dragScaleCircleView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:clickable="true"
        android:src="@drawable/img1"/>

Customization

The default dragScaleCircleView to show the guideline. If you want to guideline don't shown, please define the xmlns:app="http://schemas.android.com/apk/res-auto" on your layout file.

name format description
hasGuideLine boolean set the flag of circle window's guide line diplay/not display
guideLineSize float set the size of circle window's guide line
guideLineColor integer set the color of circle window's guide line
borderSize float set the size of circle window's border line
borderColor integer set the color of circle window's border line

Download

The latest version can be downloaded as a zip and referenced by your application as a library project.

Thanks

TODO

  • [ ] add background image selector from file system.
  • [x] make the circle window move and drag on imageview.
  • [x] fix move the circle window right edge bug.
  • [x] impprove performence when the circle window move and drag.
  • [x] crop the circle window from imageview.
  • [x] cropped image can be saved/load.
  • [x] add custom properties of guideline.(et. on/off、size、color).
  • [x] add custom properties of border.(et. size、color).

License

Copyright 2015~2016 hpfs0

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License 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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].