Kotlin_和Viewpager+Fragment的一个demo

主要实现了一个带指示器的Viewpager+Fragment

第三方指示器的地址(使用demo)

一.Indicator的依赖

repositories {
    maven {
        url "https://jitpack.io"
    }
}

 compile 'com.github.hackware1993:MagicIndicator:1.3.1'

二.主页布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.LinearLayoutCompat 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.demo.kotlin.kotlindemo.ViewpagerActivity">

    <net.lucode.hackware.magicindicator.MagicIndicator

        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary" />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>
</android.support.v7.widget.LinearLayoutCompat>

三.主页Viewpager代码

class ViewpagerActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_viewpager)

        val viewpager = findViewById<ViewPager>(R.id.viewpager)
        val tabs = findViewById<MagicIndicator>(R.id.tabs)
        //viewpager的适配器
        val pagerAdapter = PagerAdapter(applicationContext, supportFragmentManager)
        viewpager.adapter = pagerAdapter
        //指示器的适配器
        var commonNavigator = CommonNavigator(applicationContext)
        commonNavigator.adapter = (object : CommonNavigatorAdapter() {
            override fun getTitleView(p0: Context?, p1: Int): IPagerTitleView {
                val colorTransitionPagerTitleView = ColorTransitionPagerTitleView(applicationContext)
                colorTransitionPagerTitleView.normalColor = Color.GRAY
                colorTransitionPagerTitleView.selectedColor = Color.BLACK
                colorTransitionPagerTitleView.setText("第" + p1 + "页")
                colorTransitionPagerTitleView.setOnClickListener {
                    viewpager.setCurrentItem(p1,true)
                }
                return colorTransitionPagerTitleView
            }

            override fun getCount(): Int {
                return 3
            }

            override fun getIndicator(p0: Context?): IPagerIndicator {
                val indicator = LinePagerIndicator(applicationContext)
                indicator.mode = LinePagerIndicator.MODE_WRAP_CONTENT
                return indicator
            }

        })
        tabs.setNavigator(commonNavigator)
        //viewpager和指示器联动时
        ViewPagerHelper.bind(tabs, viewpager)

    }

    class PagerAdapter(var context: Context, fm: FragmentManager?) : FragmentPagerAdapter(fm) {
        override fun getItem(position: Int): android.support.v4.app.Fragment {

            var fragment = PageFragment()
            var bundel  =Bundle()
            bundel.putString("Fragment","这是第")
            bundel.putInt("index",position)
            fragment.arguments = bundel
            return  fragment
        }

        override fun getCount(): Int {
            return 3
        }

        override fun getPageTitle(position: Int): CharSequence {
            return "第"+position+"页"
        }

    }

}

四.Fragment的代码

class PageFragment : Fragment() {


    override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?,
                              savedInstanceState: Bundle?): View? {
        // 布局里只有一个textView
        val view = inflater!!.inflate(R.layout.fragment_page, container, false)

        var bundel = arguments
        var string = bundel.getString("Fragment")
        var index = bundel.getInt("index")

        val tv = view.findViewById<TextView>(R.id.tv)
        tv.text = string + index+"页"
        return view

    }

}