FrogoShimmerRecyclerView.md

Tutorial How To Use FrogoShimmerRecyclerView

This is the procedure for using frogo-shimmer-recycler-view

Screen Shoot Apps

Menu	Sample Shimmer

Usage (How to use this project)

Just following the step until finish, for basic adapter using step 2, for multi adapter using step 3

Step 1. Create xml view

<com.frogobox.recycler.widget.FrogoShimmerRecyclerView
    android:id="@+id/rv_shimmer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:frvClipToPadding="false"
    app:frvPaddingTop="@dimen/frogo_dimen_16dp"
    app:frvPaddingRight="@dimen/frogo_dimen_16dp"
    app:frvPaddingBottom="@dimen/frogo_dimen_16dp"
    app:frvPaddingLeft="@dimen/frogo_dimen_16dp" />

Step 2. Setup shimmer-recycler-view

private fun setupShimmerLoading() {
    binding.rvShimmer.defineShimmerView()
        .addShimmerSumOfItemLoading(5)
        .addShimmerViewPlaceHolder(R.layout.frogo_rv_list_type_1)
        .createLayoutLinearVertical(false)
        .build()
}

Step 3. Setup frogo-shimmer-recycler-view data

private fun setupFrogoShimmerRecyclerView(data: List<Article>) {

    val adapterCallback = object :
        FrogoViewAdapterCallback<Article> {
        override fun setupInitComponent(view: View, data: Article) {
            // Init component content item recyclerview
            view.findViewById<TextView>(R.id.frogo_rv_list_type_1_tv_title).text = data.title
        }

        override fun onItemClicked(data: Article) {
            // setup item clicked on frogo recycler view
            data.title?.let { showToast(it) }
        }

        override fun onItemLongClicked(data: Article) {
            // setup item long clicked on frogo recycler view
            data.title?.let { showToast(it) }
        }
    }

    binding.rvShimmer.defineRecyclerView<Article>()
        .addData(data)
        .addCustomView(R.layout.frogo_rv_list_type_1)
        .addEmptyView(null)
        .addCallback(adapterCallback)
        .createLayoutLinearVertical(false)
        .build()
}

Step 4. Setup doing shimmer

private fun setupShimmer(state: Boolean) {
    if (state) {
        binding.rvShimmer.startShimmer()
    } else {
        binding.rvShimmer.stopShimmer()
    }
}

Sample Code

• Kotlin - KotlinShimmerActivity.kt
• Java - being developed