https://github.com/shiburagi/stylish-widget-for-android
StylishWidget is a library for an Android Application project to make the UI more beautiful and allow to use third party font. This library also contain few view that created by me.
https://github.com/shiburagi/stylish-widget-for-android
android android-application material-design messagebox meters textview ui ui-components widget
Last synced: 7 months ago
JSON representation
StylishWidget is a library for an Android Application project to make the UI more beautiful and allow to use third party font. This library also contain few view that created by me.
- Host: GitHub
- URL: https://github.com/shiburagi/stylish-widget-for-android
- Owner: shiburagi
- License: apache-2.0
- Created: 2016-05-29T13:12:32.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2019-11-26T11:24:00.000Z (almost 6 years ago)
- Last Synced: 2025-03-01T05:41:18.250Z (7 months ago)
- Topics: android, android-application, material-design, messagebox, meters, textview, ui, ui-components, widget
- Language: Java
- Homepage: https://shiburagi.github.io/Stylish-Widget-for-Android/
- Size: 7.07 MB
- Stars: 40
- Watchers: 4
- Forks: 18
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# StylishWidget
[  ](https://bintray.com/infideap2/Stylish-Widget/Stylish-Widget/_latestVersion)
[](https://android-arsenal.com/details/1/6338)
**StylishWidget** is a library for an **Android Application project** to make the **UI more beautiful** and allow to use **third party font**.
This library also contain few view that created by me and,
I use it in my previous and current android project and may got an issue and error.
I will keep improve this library until it stable and useful.
## New update
* Bootstrap 4 color scheme
* Add Field for Custom Bold Italic Font
* Meter added
* custom declare-styleable prefix added
* Show picker dialog for date/time input type
## Features
* set custom font for almost all view.
* Message Box
* Progress Bar
Android 7.0+ support
## Download
* **JAR** : (https://github.com/shiburagi/Stylish-Widget-for-Android/tree/master/stylishwidget/jar)
* **APK** : (https://drive.google.com/file/d/0Bw_drx3o3plaZVptWWNxWUdfSmM/view?usp=sharing)
---
[](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=D9JKYQL8452AL)
## Including In Your Project
This library is presented as a `.jar` file which you can include in the `libs/`
folder of your application. You can download the latest version from the
[github repo](https://github.com/shiburagi/Stylish-Widget-for-Android/tree/master/stylishwidget/jar).
If you are a Maven user you can easily include the library by specifying it as
a dependency:
### Latest Version (1.5.1)
#### Maven
``` xml
com.app.infideap.stylishwidget
stylish-widget
1.5.1
pom
```
#### Gradle
```groovy
dependencies {
implementation 'com.app.infideap.stylishwidget:stylish-widget:1.4.2-alpha'
}
```
### Stable Version (1.5.1)
#### Maven
``` xml
com.app.infideap.stylishwidget
stylish-widget
1.5,1
pom
```
#### Gradle
```groovy
dependencies {
implementation 'com.app.infideap.stylishwidget:stylish-widget:1.3.9'
}
```
**or**,
you can include it by **download this project** and **import /stylishwidget** as **module**.
## Usage
**NOTE:** If you want to use **third-party font**, must **initialize** this line of code at the **top of onCreate() in main activity**, or at the **onCreate() of Custom** Application.
``` java
// parameter : Normal Font, Bold Font and Italic Font
String fontFolder = "Exo_2/Exo2-";
Stylish.getInstance().set(
fontFolder.concat("Regular.ttf"),
fontFolder.concat("Bold.ttf"),
fontFolder.concat("Italic.ttf"));
```
**or**
``` java
// parameter : Normal Font, Bold Font, Italic Font and Bold Italic Font
String fontFolder = "Exo_2/Exo2-";
Stylish.getInstance().set(
fontFolder.concat("Regular.ttf"),
fontFolder.concat("Bold.ttf"),
fontFolder.concat("Italic.ttf"),
fontFolder.concat("BoldItalic.ttf"));
```
**or**
``` java
String fontFolder = "Exo_2/Exo2-";
// parameter : Normal Font
Stylish.getInstance().setFontRegular(
fontFolder.concat("Regular.ttf")
);
// parameter : Bold Font
Stylish.getInstance().setFontBold(
fontFolder.concat("Bold.ttf")
);
// parameter : Italic Font
Stylish.getInstance().setFontItalic(
fontFolder.concat("Italic.ttf"))
);
// parameter : Bold Italic Font
Stylish.getInstance().setFontBoldItalic(
fontFolder.concat("BoldItalic.ttf"))
);
```
## Widget
to **use the widget**, is **same** like using **android widget**
**EditText**
``` xml
```
#### Latest Version (1.4.2-alpha or above)
EditText will **Date/Time input type** will display **Picker Dialog** on click.
``` xml
```
**TextView**
``` xml
```
**CheckBox**
``` xml
```
**RadioButton**
``` xml
```
## Button
``` xml
```
## Message Box
``` xml
```
for the **MessageBox**, there are several **new declare-styleable** need to **highlight**,
* app:sw_boxBackground - to set background color, only color allow.
* app:sw_message - to set display text.
* app:sw_textStyle - to set textView style, (normal, bold, italic).
* app:sw_innerPadding - to set inner padding of message box.
* app:sw_innerLeftPadding - to set inner left padding of message box.
* app:sw_innerTopPadding - to set inner top padding of message box.
* app:sw_innerRightPadding - to set inner right padding of message box.
* app:sw_innerBottomPadding - to set inner bottom padding of message box.
* app:sw_drawable - to set textView drawable.
* app:sw_drawablePadding - to set padding of textView drawable.
and for **MessageBox** there are **two kind** of **listener or action mode**,
1) CloseButton, display as close icon
``` java
infoMessageBox.setCloseButton(new View.OnClickListener() {
@Override
public void onClick(View v) {
AlertDialog dialog = new AlertDialog.Builder(MainActivity.this)
.setMessage("Close Button Click!").create();
dialog.show();
infoMessageBox.setVisibility(View.GONE);
}
});
```
2) ActionButton, display as outline button with a text
``` java
warningMessageBox.setActionButton(R.string.learnmore, new View.OnClickListener() {
@Override
public void onClick(View v) {
AlertDialog dialog = new AlertDialog.Builder(MainActivity.this)
.setMessage("Warning Action Click!").create();
dialog.show();
}
});
```
however, only **one action** can be use for **a MessageBox**
## Progress Bar
**Sample code (XML):**
``` xml
```
Here the **list** of available attributes for progress bar,
``` xml
```
and, here the list of all declare function in AProgressBar class,
``` java
setProgressBackground(int color)
getProgressValue()
getProgressValue(int index)
setPadding(int padding)
setMaxValue(float value)
setProgressValue(float value)
setProgressValue(int index, float value)
setProgressValues(float ...values)
addProgressValue(float value)
addProgressValue(float value, int color)
removeProgressValue(int index)
setProgressColor(int color)
setProgressColor(int index, int color)
setProgressColors(int ...colors)
setProgressValueWithColor(int index, float value, int color)
setProgressText(int resId)
setProgressText(String text)
setProgressText(int index, int resId)
setProgressText(int index, String text)
setProgressTexts(int ...resId)
setProgressTexts(String ...texts)
setProgressValueAndText(int index, float value, int resId)
setProgressValueAndText(int index, float value, String text)
setProgressIcon(int resId)
setProgressIcon(Drawable icon)
setProgressIcon(int index, int resId)
setProgressIcon(int index, Drawable icon)
setProgressIcons(int ...resId)
setProgressIcons(Drawable ...icons)
setGravity(int gravity)
withAnimation(long duration)
setProgressTextStyle(int textStyle)
setProgressTextAppearance(int resId)
setProgressIconPadding(int padding)
```
### Example for multiple progress bar,
``` java
AProgressBar iconMultiProgressBar =
(AProgressBar) view.findViewById(R.id.progressBar_multi_icon);
iconMultiProgressBar.setProgressValues(
30,
150,
90,
70);
iconMultiProgressBar.setProgressColors(
Color.parseColor("#039BE5"),
Color.parseColor("#8BC34A"),
Color.parseColor("#FBC02D"),
Color.parseColor("#f44336"));
iconMultiProgressBar.setProgressTexts(
"30%",
"150%",
"90%",
"70%"
);
iconMultiProgressBar.setProgressIcons(
R.drawable.ic_directions_run_white_24dp,
R.drawable.ic_directions_bike_white_24dp,
R.drawable.ic_directions_boat_white_24dp,
R.drawable.ic_directions_subway_white_24dp
);
iconMultiProgressBar.setMaxValue(100);
iconMultiProgressBar.withAnimation(1000);
```
For more **progress bar example**, please refer on the link below :
https://github.com/shiburagi/Stylish-Widget-for-Android/blob/master/app/src/main/java/com/app/infideap/mystylishexample/ProgressBarFragment.java
## Meter
**Sample code (XML):**
``` xml
```
here the list of all declare function in IndicatorTabLayout.IndicatorTab class,
``` java
setValue(float) : void
setMaxValue(float) : void
setMeterColor(int) : void
setTextStyle(int) : void
setTextSize(float) : void
setShowText(boolean) : void
getValue(int) : float
getMaxValue() : float
getMeterColor() : int
isShowText() : int
```
### Example for Meter,
``` java
AMeter meter = (AMeter) view.findViewById(R.id.meter);
meter.setMaxValue(100);
```
For more **Meter**, please refer on the link below :
https://github.com/shiburagi/Stylish-Widget-for-Android/blob/master/app/src/main/java/com/app/infideap/mystylishexample/MeterFragment.java
## Contact
For any enquiries, please send an email to tr32010@gmail.com.
## License
Copyright 2016-2017 Shiburagi
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.