Skip to content

Provide Diagonal cut on view with awesome customization #DiagonalView

Notifications You must be signed in to change notification settings

IntruderShanky/Squint

Repository files navigation

Squint

Provide Diagonal cut on view with awesome customization #DiagonalView

Android Arsenal API

Buy Me a Coffee at ko-fi.com

Demo App - IS Library

Get it on Google Play

Preview

Screenshot

  • Provide Diagonal anywhere we want
  • Provide Tint filter on image
  • Provide Solid color shape
  • Fully Customizable

Usage

Step 1. Add the JitPack repository to your build file

allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
    }

Step 2. Add the dependency

dependencies {
  compile 'com.github.IntruderShanky:Squint:3.0.1'
 }

Screenshot

Implementation

###XML Implementation:

   <com.intrusoft.squint.DiagonalView
                android:id="@+id/diagonal"
                android:layout_width="match_parent"
                android:layout_height="240dp"
                android:scaleType="centerCrop"
                android:src="@drawable/c1"
                squint:diagonalDirection="bottom_to_top"
                squint:angle="12"
                squint:gravity="right" />

###Attributes ####Diagonal Angle

 squint:angle

####Diagonal Gravity

squint:gravity="left"
squint:gravity="right"
squint:gravity="top"
squint:gravity="bottom"

####Diagonal Direction

squint:diagonalDirection="left_to_right"
squint:diagonalDirection="top_to_bottom"
squint:diagonalDirection="right_to_left"
squint:diagonalDirection="bottom_to_top"

####Background Tint Color (Color Shold have some alpha value, default value 55)

squint:tint="@color/your_color"

####To make solid color Diagonal

squint:solidColor="@color/your_color"

###Java Implementation:

DiagonalView diagonalView = (DiagonalView) findViewById(R.id.diagonal);

// to set image from resources        
diagonalView.setImageSource(R.drawable.your_image);

// to set bitmap
diagonalView.setBitmap(bitmap);

// to set the diagonal angle
diagonalView.setAngle(15);

// to set the diagonal gravity
diagonalView.setGravity(DiagonalView.Gravity.LEFT);

// to set the background color (color should have some alpha val)
diagonalView.setColorTint(Color.GREEN);

// to make the solid color diagonal
diagonalView.setSolidColor(Color.BLUE);

#Licence

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.

About

Provide Diagonal cut on view with awesome customization #DiagonalView

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages