how to successfully switch between adapters while still being able to make toolbar disappear Code Answer

Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of how to successfully switch between adapters while still being able to make toolbar disappear without wasting too much if your time.

The question is published on by Tutorial Guruji team.

I received help a while ago by a hero that helped me make a Toolbar disappear when an ImageView was clicked by using a callback function and an interface. I have copied this kind of algorithm for a different page view adapter and it works completely fine in the starting page adapter, but when I switch it, the toolbar doesn’t disappear and reappear even though the tapping works. I have tried this for a while, but no luck. Any help will be appreciated.

from adapter1.kt

 private lateinit var pageImageCallback: PageImageCallback

    fun setPageImageCallback(pageImageCallback: PageImageCallback) {
        this.pageImageCallback = pageImageCallback
    }

    override fun instantiateItem(container: ViewGroup, position: Int): Any {
        val image_layout: View = inflater.inflate(R.layout.view_pager_item, container, false)
        val page_image: PhotoView = image_layout.findViewById<View>(R.id.page_image) as PhotoView

        Glide.with(image_layout).load(PageList[position].link).placeholder(R.drawable.drip_splash_theme).error(R.drawable.drip_splash_theme).diskCacheStrategy(DiskCacheStrategy.ALL).priority(Priority.HIGH).into(page_image)


        page_image.setOnClickListener(View.OnClickListener {
            pageImageCallback.onClick()
        })

        container.addView(image_layout)
        return image_layout
    }
    

from adapter2

    private lateinit var pageImageCallback: PageImageCallback

    fun setPageImageCallback(pageImageCallback: PageImageCallback) {
        this.pageImageCallback = pageImageCallback
    }
    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
        val newView: View = LayoutInflater.from(context).inflate(R.layout.vertical_pager_item, null)
        val web_image: PhotoView = newView.findViewById<View>(R.id.chapterPage) as PhotoView

        Glide.with(context).load(Data[position].link).dontTransform().into(holder.chapter_title)


        holder.chapter_title.setOnClickListener(View.OnClickListener {
            pageImageCallback.onClick()
        })


    }

from interface

package com.example.dripk.Interface

interface PageImageCallback {
    fun onClick()
}

now for my activity file, it is pretty big but the point of it is that I have four different versions that i display the images. One is horizontal where it displays images in a regular gallery, which has two sub category where you can change the direction of reading from left to right or from right to left and the final way the ImageView is displayed in vertical and that is throw a reyclerview. But when I switch the views using the my menu settings, it just doesn’t respond after the first switch. I have tried implementing a different interface for vertical reading but I had no luck. I feel its due to my lack of understanding of interface and callbacks. But again, I appreciated any help.

from page_activity.kt

class Page_Activity : AppCompatActivity(),
    PageImageCallback, PopupMenu.OnMenuItemClickListener {
    private var myViewPager: HorizontalAdapter? = null
    private var Vertical: VerticalViewAdapter? = null
    private var reading_direction: Float? = 180F


    @SuppressLint("ClickableViewAccessibility")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_viewer)
    


        HorizontalView()

    }
private fun HorizontalView() {
        setContentView(R.layout.activity_Horizontal)


        val myrv = findViewById<View>(R.id.right_page) as ViewPager
        myViewPager = HorizontalAdapter(this, lstPages)
        myrv.rotationY = reading_direction!!
        myViewPager!!.setPageImageCallback(this)

        myrv.setPageTransformer(false,
            ViewPager.PageTransformer { page, position ->
                page.rotationY =
                    reading_direction as Float
            })
        myrv.adapter = myViewPager

       



    }

    private fun VerticalView() {
        setContentView(R.layout.activity_Vertical)
        val myrv = findViewById<View>(R.id.recycler) as RecyclerView
        Vertical = VerticalViewAdapter(this, lstPages)
        Vertical !!.setPageImageCallback(this)
        myrv.layoutManager = LinearLayoutManager(
            this,
            LinearLayoutManager.VERTICAL,
            false
        )
        myrv.adapter = Vertical

    }

solution

       override fun onClick() {
        val presenterHorizontal11 = findViewById<Toolbar>(R.id.presenterHorizontal)
        val presenter11Horizontal = findViewById<Toolbar>(R.id.presenter1Horizontal)
        val presenterVertical22 = findViewById<Toolbar>(R.id.presenterVertical)
        val presenter11Vertical = findViewById<Toolbar>(R.id.presenter1Vertical)

        if (view == 1) {
            if (presenterVertical22.visibility == View.INVISIBLE) {
                presenterVertical22.visibility = View.VISIBLE
                presenter11Vertical.visibility = View.VISIBLE
            } else {
                presenterVertical22.visibility = View.INVISIBLE
                presenter11Vertical.visibility = View.INVISIBLE
            }
        }

        if (view == 2) {
            if (presenterHorizontal11.visibility == View.INVISIBLE) {
                println("webtoon visible")
                presenterHorizontal11.visibility = View.VISIBLE
                presenter11Horizontal.visibility = View.VISIBLE
            } else {
                presenterHorizontal11.visibility = View.INVISIBLE
                presenter11Horizontal.visibility = View.INVISIBLE
            }
        }

    }
    override fun onMenuItemClick(p0: MenuItem?): Boolean {
        return when (p0?.itemId) {
            R.id.item1 -> {
                view = 1
                MangaView()
                true
            }
            R.id.item2 -> {
                view = 2
                WebToonView()
                true
            }
            R.id.item3 -> {
                true
            }
            R.id.left -> {
                view = 1
                reading_direction = 0F
                MangaView()
                true
            }
            R.id.right -> {
                view = 1
                reading_direction = 180F
                MangaView()
                true
            }

            else -> false
        }
    }

from vertical_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Activity.Page_Activity"
    android:id="@+id/web_viewer"
    android:clickable="true"
    android:focusable="true"
    android:focusableInTouchMode="true">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/reader">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

        <include
            android:id="@+id/presenter"
            layout="@layout/presenter">
        </include>
        <include
            android:id="@+id/presenter1"
            layout="@layout/presenter1">
        </include>

    </FrameLayout>


</LinearLayout>

from horizontal_reader

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".Activity.Page_Activity"
    android:id="@+id/viewer"
    android:clickable="true"
    android:focusable="true"
    android:focusableInTouchMode="true">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/reader">



        <androidx.viewpager.widget.ViewPager
            android:layoutDirection="locale"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/right_page">
        </androidx.viewpager.widget.ViewPager>



        <include
            android:id="@+id/presenter"
            layout="@layout/presenter">
        </include>
        <include
            android:id="@+id/presenter1"
            layout="@layout/presenter1">
        </include>

    </FrameLayout>

</LinearLayout>

from presenter1.xml

<?xml version="1.0" encoding="utf-8"?>
<Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:background="#2C2C2C">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp">

            <Button
                android:layout_width="50dp"
                android:id="@+id/to_chapters"
                android:clickable="true"
                android:layout_height="wrap_content"
                android:background="#2C2C2C"
                android:drawableTop="@drawable/ic_baseline_arrow_back_24_2"
                android:focusable="true"
                android:gravity="center_horizontal|top">
            </Button>

            <Button
                android:id="@+id/settings"
                android:layout_width="50dp"
                android:layout_height="match_parent"
                android:layout_marginLeft="275dp"
                android:background="#2C2C2C"
                android:drawableTop="@drawable/ic_baseline_settings_24"
                android:gravity="center_horizontal|top"
                android:onClick="showPopup">

            </Button>


        </LinearLayout>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="25dp"
                android:text="Name"
                android:id="@+id/name"
                android:textColor="#FFFFFF">

            </TextView>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/name"

                android:text="Chapter Name"
                android:textColor="#FFFFFF">

            </TextView>
        </LinearLayout>




    </LinearLayout>
</Toolbar>

from presenter.xml

<?xml version="1.0" encoding="utf-8"?>
<Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="#2C2C2C">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    <Button
        android:layout_width="50dp"
        android:id="@+id/back"
        android:layout_height="wrap_content"
        android:layout_marginEnd="278dp"
        android:background="#2C2C2C"
        android:drawableLeft="@drawable/ic_baseline_arrow_back_24"
        android:focusable="true">

    </Button>

    <Button
        android:layout_width="50dp"
        android:id="@+id/next"
        android:clickable="true"
        android:layout_height="wrap_content"
        android:background="#2C2C2C"
        android:drawableLeft="@drawable/ic_baseline_arrow_forward_24"
        android:focusable="true">

    </Button>
    </LinearLayout>
</Toolbar>

Answer

I believe the problems lies in your onClick() function

    override fun onClick() {
        if (presenter.visibility == View.INVISIBLE) {
            println("clicked")
            presenter.visibility = View.VISIBLE
            presenter1.visibility = View.VISIBLE
        } else {
            presenter.visibility = View.INVISIBLE
            presenter1.visibility = View.INVISIBLE
        }
    }

Here you are using Kotlin Android Extension, to access the ID of the layout for presenter and presenter1.

You also define exactly the same ID for presenter and presenter1 in activity_Horizontal and activity_Vertical

So, in your page_activity there must be an import like this

import kotlinx.android.synthetic.main.activity_Horizontal.presenter
import kotlinx.android.synthetic.main.activity_Horizontal.presenter1

This is why, when you switch to VerticalView(), then do a tapping, there is no reaction because it is referencing to your presenter and presenter1 in activity_Horizontal.

You can solve this by making a difference for the layout ID like presenterHorizontal, presenter1Horizontal, presenterVertical, and presenter1Vertical.

Then in your onClick() function, add another checker like this

override fun onClick() {
    if (viewer.visibility == View.VISIBLE) {
       if (presenterHorizontal.visibility == View.INVISIBLE) {
           println("clicked")
           presenterHorizontal.visibility = View.VISIBLE
           presenter1Horizontal.visibility = View.VISIBLE
       } else {
           presenterHorizontal.visibility = View.INVISIBLE
           presenter1Horizontal.visibility = View.INVISIBLE
       }
    } else {
       if (presenterVertical.visibility == View.INVISIBLE) {
           println("clicked")
           presenterVertical.visibility = View.VISIBLE
           presenter1Vertical.visibility = View.VISIBLE
       } else {
           presenterVertical.visibility = View.INVISIBLE
           presenter1Vertical.visibility = View.INVISIBLE
       }
    }
}
We are here to answer your question about how to successfully switch between adapters while still being able to make toolbar disappear - If you find the proper solution, please don't forgot to share this with your team members.

Related Posts

Tutorial Guruji