https://github.com/florent37/tutoshowcase

A simple and Elegant Showcase view for Android
https://github.com/florent37/tutoshowcase

android application design fluid java library material sample showcase tuto tutorial

Last synced: 6 days ago
JSON representation

A simple and Elegant Showcase view for Android

• Host: GitHub
• URL: https://github.com/florent37/tutoshowcase
• Owner: florent37
• License: apache-2.0
• Created: 2016-08-08T07:57:18.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-11-06T11:06:03.000Z (about 6 years ago)
• Last Synced: 2024-12-29T10:09:42.023Z (13 days ago)
• Topics: android, application, design, fluid, java, library, material, sample, showcase, tuto, tutorial
• Language: Java
• Homepage:
• Size: 2.44 MB
• Stars: 508
• Watchers: 19
• Forks: 89
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tuto Showcase

A simple and Elegant Showcase view for Android



  



[![screen](https://raw.githubusercontent.com/florent37/TutoShowcase/master/media/sample.png)](https://github.com/florent37/TutoShowcase)

```java

TutoShowcase.from(this)

    .setContentView(R.layout.tuto_sample)

    .on(R.id.about) //a view in actionbar

    .addCircle()

    .withBorder()

    .onClick(new View.OnClickListener() {

        @Override

        public void onClick(View v) {

            //custom action

        }

    })

    .on(R.id.swipable)

    .displaySwipableRight()

    .show();

```

# Download



[ ![Download](https://api.bintray.com/packages/florent37/maven/TutoShowcase/images/download.svg) ](https://bintray.com/florent37/maven/TutoShowcase/_latestVersion)

```groovy

compile 'com.github.florent37:tutoshowcase:1.0.1'

```

# Tutorial

You can simply limit a showcase visibility to once with `.showOnce(string)`

# Content View

It's simple to add a content view into the TutoShowcase,

you can for example add images or descriptions texts

```java

TutoShowcase.from(this)

    .setContentView(R.layout.tuto_sample)

    ...

    .show()

```

[![screen](https://raw.githubusercontent.com/florent37/TutoShowcase/master/media/content.png)](https://github.com/florent37/TutoShowcase)

# Indicators

You can higlight some elements to user

## Circle

```java

.on(view)

.addCircle()

```

[![screen](https://raw.githubusercontent.com/florent37/TutoShowcase/master/media/circle.png)](https://github.com/florent37/TutoShowcase)

## RoundRect

```java

.on(view)

.addRoundRect()

```

[![screen](https://raw.githubusercontent.com/florent37/TutoShowcase/master/media/roundrect.png)](https://github.com/florent37/TutoShowcase)

# Actions

Some actions can be explained to the user

## Scrollable

```java

.on(view)

.displayScrollable()

```

## Swipable Left

```java

.on(view)

.displaySwipableLeft()

```

[![screen](https://raw.githubusercontent.com/florent37/TutoShowcase/master/media/swipeLeft.gif)](https://github.com/florent37/TutoShowcase)

## Swipable Right

```java

.on(view)

.displaySwipableRight()

```

[![screen](https://raw.githubusercontent.com/florent37/TutoShowcase/master/media/swipeRight.gif)](https://github.com/florent37/TutoShowcase)

# Events

You can listen for indicator click

```java

.on(view)

. //your indicator

.onClick(new View.OnClickListener(){

    public void onClick(View view){

         //your action

    }

}

```

If you have any clickable view into your content layout 

```java

TutoShowcase.from(this)

    .setContentView(R.layout.tuto_sample)

    .onClickContentView(R.id.clickableView, new View.OnClickListener() {

        @Override

        public void onClick(View view) {

                            

        }

    })

    ...

    .show()

```



  



Fiches Plateau Moto : [https://www.fiches-plateau-moto.fr/](https://www.fiches-plateau-moto.fr/)