Android新闻客户端笔记（2）

• 新闻详情页面的实现

新闻类的app都有一些共性，那就是有一行页签，然后点击页签的内容后，会跳转到对应的页面。有很多此类app都是用到了ViewPagerIndicator这个开源框架。
ViewPagerIndicator是安卓大神JakeWharton的作品，页签指示器，项目中经常会遇到。

1、import modle
导入sample会默认导入library

C:\Users\LshyER\Desktop\北京新闻资料\1.上课资源\day3\资料\ViewPagerIndicator-master\sample

2、修改build.gradle.运行sample

apply plugin: 'com.android.application'

android {
   
    compileSdkVersion 28
    buildToolsVersion "28.0.3"

    defaultConfig {
   
        applicationId "com.viewpagerindicator.sample"
        minSdkVersion 15
        targetSdkVersion 28
    }

    buildTypes {
   
        release {
   
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.txt'
        }
    }
}

dependencies {
   
    implementation project(':ViewPagerIndicator_library')
   // implementation 'com.android.support:support-v4:18.+'
}

3、将需要的功能框架copy到本地项目

关联库

2、添加布局，并在新闻详情页面实例化

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.viewpagerindicator.TabPageIndicator
        android:id="@+id/tabPageIndicator"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></com.viewpagerindicator.TabPageIndicator>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        ></android.support.v4.view.ViewPager>

</LinearLayout>

3、ViewPager和TabPageIndicator关联
（注意以后监听页面的变化，TabPageIndicator监听页面的变化）

public class NewsMenuDetailPager extends MenuDetalBassPager {
   

    **@ViewInject(R.id.tabPageIndicator)
    private TabPageIndicator tabPageIndicator;**

    @ViewInject(R.id.viewpager)
    private ViewPager viewPager;
      
  @Override
    public void initData() {
   
      super.initData();
        //新闻详情页面内数据初始化
        //准备新闻详情页面数据
        tableDetalPagers=new ArrayList<>();
        for (int i = 0; i <children.size() ; i++) {
   
            tableDetalPagers.add(new TableDetalPager(context,children.get(i)));

        }
        //设置ViewPager适配器
        viewPager.setAdapter(new MyNewMenuDetailPagerAdapter());

       /* ViewPager和TabPageIndicator关联
       * （注意以后监听页面的变化，TabPageIndicator监听页面的变化）
       * */
       tabPageIndicator.setViewPager(viewPager);


    }

 class MyNewMenuDetailPagerAdapter extends PagerAdapter{
   

/*
        * 显示标题
        * */
        **@Nullable
        @Override
        public CharSequence getPageTitle(int position) {
   
            return children.get(position).getTitle();
        }**

        @Override
        public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
   
            container.removeView((View)object);
        }

        @NonNull
        @Override
        public Object instantiateItem(@NonNull ViewGroup container, int position) {
   

            TableDetalPager tableDetalPager=tableDetalPagers.get