Author

admin

Browsing

Oblique explore new styles of displaying images

Github link: https://github.com/akshay2211/Oblique

Oblique

With Oblique explore new styles of displaying images

Join the chat at https://gitter.im/Oblique22/Lobby Android Arsenal Release API

Download

Demo

   

 

Usage

include namespace

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

ObliqueView xml representation

        <ak.sh.ay.oblique.ObliqueView
        android:id="@+id/obliqueView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="20dp"
        android:scaleType="centerCrop"
        app:angle="LEFT_BOTTOM_TO_RIGHT_TOP"
        android:src="@drawable/img"
        app:basecolor="#2E3192"
        app:startcolor="#D4145A"
        app:endcolor="#FBB03B"
        app:radius="18"
        app:shadow_height="10"
        app:ending_slant_angle="0"
        app:starting_slant_angle="10"
        app:type="linear_gradient" />

Change your Style by changing oblique type

         app:type="image" 
         app:type="solid_color" 
         app:type="linear_gradient" 
         app:type="radial_gradient" 

or can do all that by java

        obliqueView.setType(Type.LINEAR_GRADIENT);
        obliqueView.setStartColor(Color.parseColor("#D4145A"));
        obliqueView.setEndColor(Color.parseColor("#FBB03B"));
        obliqueView.setAngle(GradientAngle.LEFT_BOTTOM_TO_RIGHT_TOP);
        obliqueView.setStartAngle(12);
        obliqueView.setEndAngle(0);
        obliqueView.setCornerRadius(15);
        obliqueView.setShadow(10);

set multiple types in java among these

        obliqueView.setType(Type.LINEAR_GRADIENT);
     
        IMAGE, LINEAR_GRADIENT, RADIAL_GRADIENT, SOLID_COLOR

add radius and elevation by

        obliqueView.setCornerRadius(15);
        obliqueView.setShadow(10);

Download

Download or grab via Gradle:

        compile 'com.fxn769:oblique:2.0'

or Maven:

        <dependency>
          <groupId>com.fxn769</groupId>
          <artifactId>oblique</artifactId>
          <version>2.0</version>
          <type>pom</type>
        </dependency>

or ivy:

        <dependency org='com.fxn769' name='oblique' rev='2.0'>
          <artifact name='oblique' ext='pom' ></artifact>
        </dependency>

Snapshots of the development version are available in Sonatype’s snapshots repository.

Android-RoundCornerProgressBar

Github Link

Android-RoundCornerProgressBar

Round Corner Progress Bar Sample

Round Corner Progress Bar Library for Android

Colorful progress bar with round corner on progress which you can customized a color and corner radius.

What’s new in version 2.0

  • New code structure, Easy for further development

Demo

Round Corner Progress Bar Demo (Play Store)

Round Corner Progress Bar

A simple round corner progress bar that can change a color of progress and background and a corner radius in dp unit (Very Recommended)

Round Corner Progress Bar Sample

Icon Round Corner Progress Bar

A round corner progress bar with a changeable icon on the left of progress bar

Icon Round Corner Progress Bar Sample

Installation

Maven

<dependency>
  <groupId>com.akexorcist</groupId>
  <artifactId>RoundCornerProgressBar</artifactId>
  <version>2.0.3</version>
</dependency>

Gradle

compile 'com.akexorcist:RoundCornerProgressBar:2.0.3'

Feature

  • Customize to your progress and background color, corner radius, padding between inner component
  • Easy to use

Usage

Define ‘app’ namespace on root view in your layout

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

Include this progress bar library in your layout

<com.akexorcist.roundcornerprogressbar.RoundCornerProgressBar
        android:layout_width="dimension"
        android:layout_height="dimension"
        app:rcProgress="float"
        app:rcSecondaryProgress="float"
        app:rcMax="float"
        app:rcRadius="dimension"
        app:rcBackgroundPadding="dimension"
        app:rcReverse="boolean"
        app:rcProgressColor="color"
        app:rcSecondaryProgressColor="color"
        app:rcBackgroundColor="color" />

Round Corner Progress Bar Usage

Round Corner Progress Bar Usage

<com.akexorcist.roundcornerprogressbar.IconRoundCornerProgressBar
        android:layout_width="dimension"
        android:layout_height="dimension"
        app:rcProgress="float"
        app:rcSecondaryProgress="float"
        app:rcMax="float"
        app:rcRadius="dimension"
        app:rcBackgroundPadding="dimension"
        app:rcReverse="boolean"
        app:rcProgressColor="color"
        app:rcSecondaryProgressColor="color"
        app:rcBackgroundColor="color"
        app:rcIconSrc="integer"
        app:rcIconSize="dimension"
        app:rcIconWidth="dimension"
        app:rcIconHeight="dimension"
        app:rcIconPadding="dimension"
        app:rcIconPaddingLeft="dimension"
        app:rcIconPaddingRight="dimension"
        app:rcIconPaddingTop="dimension"
        app:rcIconPaddingBottom="dimension"
        app:rcIconBackgroundColor="color" />

Icon Round Corner Progress Bar Usage

Icon Round Corner Progress Bar Usage

Icon Round Corner Progress Bar Usage

Icon Round Corner Progress Bar Usage

Recommended how to set progress bar height

  • android:layout_height for RoundCornerProgressBar height
  • android:iconSize for IconRoundCornerProgressBar height

Public method on RoundCornerProgressBar

int getRadius()
void setRadius(int radius)
int getPadding()
void setPadding(int padding)
float getMax()
void setMax(float max)

float getProgress()
void setProgress(float progress)
float getSecondaryProgressWidth()
float getSecondaryProgress()
void setSecondaryProgress(float secondaryProgress)

int getProgressBackgroundColor()
void setProgressBackgroundColor(int colorBackground)
int getProgressColor()
void setProgressColor(int colorProgress)
int getSecondaryProgressColor()
void setSecondaryProgressColor(int colorSecondaryProgress)

boolean isReverse()
void setReverse(boolean isReverse)

void setOnProgressChangedListener(OnProgressChangedListener listener)
float getLayoutWidth()
void invalidate()

Public method on IconRoundCornerProgressBar

int getIconImageResource()
void setIconImageResource(int resId)

int getIconSize()
void setIconSize(int size)

int getIconPadding()
void setIconPadding(int padding)
int getIconPaddingLeft()
void setIconPaddingLeft(int padding)
int getIconPaddingRight()
void setIconPaddingRight(int padding)
int getIconPaddingTop()
void setIconPaddingTop(int padding)
int getIconPaddingBottom()
void setIconPaddingBottom(int padding)

int getColorIconBackground()
void setIconBackgroundColor(int color)

void setOnIconClickListener(OnIconClickListener listener)

Example

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_height="match_parent" 
    android:layout_width="match_parent"
    android:orientation="vertical" >

    <com.akexorcist.roundcornerprogressbar.RoundCornerProgressBar
        android:id="@+id/progress_1"
        android:layout_height="320dp" 
        android:layout_width="40dp" 
        app:rcBackgroundPadding="5dp" />

    <com.akexorcist.roundcornerprogressbar.IconRoundCornerProgressBar
        android:id="@+id/progress_2"
        android:layout_height="320dp" 
        android:layout_width="wrap_content"
        app:rcBackgroundPadding="10dp"
        app:rcIconSize="50dp" 
        app:rcIconPadding="5dp" />

</LinearLayout>

Icon Round Corner Progress Bar Usage

Icon Round Corner Progress Bar Usage

RoundCornerProgressBar progress1 = (RoundCornerProgressBar) findViewById(R.id.progress_1);
progress1.setProgressColor(Color.parseColor("#ed3b27"));
progress1.setProgressBackgroundColor(Color.parseColor("#808080"));
progress1.setMax(70);
progress1.setProgress(15);

int progressColor1 = progress1.getProgressColor();
int backgroundColor1 = progress1.getProgressBackgroundColor();
int max1 = progress1.getMax();
int progress1 = progress1.getProgress();


RoundCornerProgressBar progress2 = (RoundCornerProgressBar) findViewById(R.id.progress_1);
progress2.setProgressColor(Color.parseColor("#56d2c2"));
progress2.setProgressBackgroundColor(Color.parseColor("#757575"));
progress2.setIconBackgroundColor(Color.parseColor("#38c0ae"));
progress2.setMax(550);
progress2.setProgress(147);
progress2.setIconImageResource(imageResource);

int progressColor2 = progress2.getProgressColor();
int backgroundColor2 = progress2.getProgressBackgroundColor();
int headerColor2 = progress2.getColorIconBackground();
int max2 = progress2.getMax();
int progress2 = progress2.getProgress();

Documentation

Thai Language : Round Corner Progress Bar สำหรับคนบ้าขอบมน

Special Thanks

Artit Kuiwilai @first087

Next

• Add Text Round Corner Progress Bar (Underconstruction)

TextRoundCornerProgressBar Additional attribute for TextRoundCornerProgressBar

rcTextProgressColor
rcTextProgressSize
rcTextProgressMargin
rcTextProgress

Additional method for TextRoundCornerProgressBar

String getProgressText()
void setProgressText(String text)
void setProgress(float progress)
int getTextProgressColor()
void setTextProgressColor(int color)
int getTextProgressSize()
void setTextProgressSize(int size)
int getTextProgressMargin()
void setTextProgressMargin(int margin)

CoCoin

CoCoin, Multi-view Accounting Application

# https://github.com/Nightonke/CoCoin

CoCoin
CoCoin, Multi-view Accounting Application

#中文文档 README-ZH.md

#Download APK from Github
QR code:
CoCoin

#Note

  1. There are some old gifs in the GIF directory.
  2. If you have install V1.1.0, maybe you should uninstall it first and then install the V1.2.0. For V1.1.0 is not beta version.
  3. Why there isn’t CoCoin.java in Model package?

#Intro ###Basic BasicYou can do the accounting job easily and use a password to protect your account book. Your account book’s password will be set the first time you use CoCoin. Swipe the numerical part to left to add some remarks for your records. To check your account book, you can swipe down or click the menu icon in the top left corner.

###Today TodayIn the account book, you can find out a pie chart for your expenses today, yesterday, this week, last week, this month, last month, this year and last year. Try to click the blocks of the pie chart or the bars of histogram for details. All the charts in CoCoin can be clicked for details and there are some buttons near the charts to select a certain part(that’s to small for click) in charts. If you wanna get more views, just open the left drawer menu.

###Custom CustomIn custom time view, you can check all the expenses in a special time span. Click the button in the bottom right corner to set the time span.

###Tag TagIn the tag view, you can check all the expenses for different tags. Open the left drawer menu and you can see all the tags in your account book. Click a tag to jump to the expenses analyse for that tag.

###Month MonthIn the month view, you can check all the expenses in every month. Let’s check how much you spent and how many records you accounted. Open the left drawer menu, there is a simple list for every month’s expenses. And just as in the tag view, you can click to jump to a certain month.

###List ListIn the list view, you can do some update and query job here. Swipe a record left to edit and right to delete. Open the left drawer to set some query conditions or click the search button in the top right corner to query according to remarks.

###Report ReportIn the report view, you can generate your month or year report here.

###Cloud CloudAfter signing in, you can sync your records to CoCoin’s server.

###Setting SettingYou can change some default settings. For instance, the name of your account book, the order of tags, whether remind you the limit of the month expense. If you enable the color remind function, after you account a record which made the expenses of this month is large that warning value, the color of interface will change.

###Help, Feedback & About Help, Feedback & AboutHelp, feedback and about CoCoin.

###Language CoCoin supports english and chinese. You can check the strings file here.
values/strings.xml
values-zh/strings.xml

#License

The MIT License (MIT)

Copyright (c) 2016 Nightonke

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.