https://github.com/IntruderShanky/Squint

Provide Diagonal cut on view with awesome customization #DiagonalView
https://github.com/IntruderShanky/Squint

diagonalview ui-design

Last synced: about 1 month ago
JSON representation

Provide Diagonal cut on view with awesome customization #DiagonalView

• Host: GitHub
• URL: https://github.com/IntruderShanky/Squint
• Owner: IntruderShanky
• Created: 2016-10-04T09:52:57.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-11T10:02:48.000Z (almost 8 years ago)
• Last Synced: 2024-10-01T07:12:49.862Z (2 months ago)
• Topics: diagonalview, ui-design
• Language: Java
• Size: 3.48 MB
• Stars: 681
• Watchers: 18
• Forks: 76
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-android-ui - Squint - 提供视图的对角线裁剪 (其他)

README

        
# Squint

Provide Diagonal cut on view with awesome customization #DiagonalView

[![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-Squint%20--%20A%20Diagonal%20Cut-brightgreen.svg?style=flat)](http://android-arsenal.com/details/1/4458) [![API](https://img.shields.io/badge/API-9%2B-blue.svg?style=flat)](https://android-arsenal.com/api?level=9) [![](https://jitpack.io/v/IntruderShanky/Squint.svg)](https://jitpack.io/#IntruderShanky/Squint)

 

[Demo App - IS Library](https://play.google.com/store/apps/details?id=com.intrusoft.islibrarydemo)



# Preview

![Screenshot](Screenshot/barney_squint.png)

* 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

```groovy

allprojects {

        repositories {

            ...

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

        }

    }

```

Step 2. Add the dependency

```groovy

dependencies {

  compile 'com.github.IntruderShanky:Squint:3.0.1'

 }

 ```

 

 ![Screenshot](Screenshot/list_squint.png)

 

# Implementation

###XML Implementation:

```xml

   

```

###Attributes

####Diagonal Angle

```xml

 squint:angle

```

####Diagonal Gravity

```xml

squint:gravity="left"

squint:gravity="right"

squint:gravity="top"

squint:gravity="bottom"

```

####Diagonal Direction

```xml

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)

```xml

squint:tint="@color/your_color"

```

####To make solid color Diagonal

```xml

squint:solidColor="@color/your_color"

```

###Java Implementation:

```java

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.

```