Piccolo

Powerful skeleton and placeholder for views in Android.Easy api and free from OOM.

support:

• Single view
• RecyclerView
• ListView
• GridView
• ViewPager

Screenshots

single view

RecyclerView

ListView

ViewPager

Dependence

dependencies {
    implementation 'io.github.wslaimin:piccolo:1.0.1'
}

Usage

Mark target view

Use PiccoloLayout mark target view in xml

<com.lm.piccolo.view.PiccoloLayout
    android:id="@+id/Piccolo_image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    app:mask="com.lm.piccolo.drawable.ImageShiningDrawable">

    <ImageView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:src="@drawable/ic_launcher_background"/>
</com.lm.piccolo.view.PiccoloLayout>

attributes of PiccoloLayout

name	type	description
app:mask	drawable|color|Drawable classs	drawable of placeholder
app:shining	boolean	whether start animation of drawable
app:shining_paddingLeft	dimension	padding left of drawable
app:shining_paddingRight	dimension	padding right of drawable
app:shining_paddingTop	dimension	padding top of drawable
app:shining_paddingBottom	dimension	padding bottom of drawable

Single view

show skeleton

PiccoloLayout piccoloImage=findViewById(R.id.Piccolo_image);
ConductorForView conductor=Piccolo.createForView(piccoloImage).visible(true);
conductor.play();

hide skeleton

conductor.visible(false).play();

Views generated by adapter

show skeleton

RecyclerView recyclerView = findViewById(R.id.recycler_view);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
ConductorForAdapter ConductorForAdapter = Piccolo.createForList(recyclerView);
int[] data=new int[]{R.layout.item, R.layout.item_another, R.layout.item, R.layout.item_another, R.layout.item, R.layout.item_another, R.layout.item, R.layout.item_another};
ConductorForAdapter.items(data)
              	.visible(true)
                .adapter(new Adapter())
                .play();

hide skeleton

ConductorForAdapter.visible(false).play();