Android开发实战《智慧北京》——5.shareSDK的使用

阳光穿透心脏的1/2处 2023-07-02 07:25 7阅读 0赞

### 文章目录 ###

*  1.修改网页字体大小
 *  2.ShareSDK的使用
 *  3.头条新闻自动轮播

# 1.修改网页字体大小 #

现在加载出网页了，就需要开始实现界面中右上角第一个“调整字体大小”的功能

1.  修改NewsDetailActivity，实现onClickListener接口，并且实现界面上两个按钮的点击方法onClick()，代码如下：

package com.example.zhbj;
    
    import android.app.Activity;
    import android.graphics.Bitmap;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.Window;
    import android.webkit.WebChromeClient;
    import android.webkit.WebSettings;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;
    import android.widget.ImageButton;
    import android.widget.LinearLayout;
    import android.widget.ProgressBar;
    
    import com.lidroid.xutils.ViewUtils;
    import com.lidroid.xutils.view.annotation.ViewInject;
    
    /** * 新闻详情页 */
    public class NewsDetailActivity extends Activity implements View.OnClickListener { 
    
        /** * 返回按钮 */
        @ViewInject(R.id.btn_back)
        private ImageButton btnBack;
    
        /** * 菜单按钮 */
        @ViewInject(R.id.btn_menu)
        private ImageButton btnMenu;
    
        /** * 包含两个功能按钮的线性布局 */
        @ViewInject(R.id.ll_control)
        private LinearLayout llControl;
    
        /** * 字体大小按钮 */
        @ViewInject(R.id.btn_textsize)
        private ImageButton btnTextSize;
    
        /** * 分享按钮 */
        @ViewInject(R.id.btn_share)
        private ImageButton btnShare;
    
        /** * WebView的实例 */
        @ViewInject(R.id.webview)
        private WebView mWebView;
    
        /** * 进度条实例 */
        @ViewInject(R.id.pb_loading3)
        private ProgressBar pbLoading;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            requestWindowFeature(Window.FEATURE_NO_TITLE);
            setContentView(R.layout.activity_news_detail);
            ViewUtils.inject(this);
            initViews();
    
            // 获取WebView的设置对象
            WebSettings settings = mWebView.getSettings();
            settings.setJavaScriptEnabled(true); // 启用js功能
            settings.setBuiltInZoomControls(true); // 启用显示放大/缩小的按钮，不支持已经适配好移动端的页面
            settings.setUseWideViewPort(true); // 启用双击缩放
            // 给WebView设置一个监听
            mWebView.setWebViewClient(new WebViewClient(){ 
                /** * 页面开始加载 * @param view * @param url * @param favicon */
                @Override
                public void onPageStarted(WebView view, String url, Bitmap favicon) { 
                    super.onPageStarted(view, url, favicon);
                    pbLoading.setVisibility(View.VISIBLE);
                }
    
                /** * 跳转链接 * @param view * @param url * @return */
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) { 
                    // 强制所有跳转链接都在WebView执行
                    mWebView.loadUrl(url);
                    return true;
                }
    
                /** * 加载结束 * @param view * @param url */
                @Override
                public void onPageFinished(WebView view, String url) { 
                    super.onPageFinished(view, url);
                    pbLoading.setVisibility(View.GONE);
                }
            });
            mWebView.setWebChromeClient(new WebChromeClient(){ 
    
                /** * 获取网页标题 * @param view * @param title */
                @Override
                public void onReceivedTitle(WebView view, String title) { 
                    super.onReceivedTitle(view, title);
                }
    
                /** * 进度发生变化 * @param view * @param newProgress */
                @Override
                public void onProgressChanged(WebView view, int newProgress) { 
                    super.onProgressChanged(view, newProgress);
                }
            });
    
            String url = getIntent().getStringExtra("url");
    
            // 开始加载网页
            mWebView.loadUrl(url);
        }
    
        /** * 初始化布局 */
        private void initViews() { 
            btnBack.setVisibility(View.VISIBLE);
            btnMenu.setVisibility(View.GONE);
            llControl.setVisibility(View.VISIBLE);
            btnBack.setOnClickListener(this);
            btnMenu.setOnClickListener(this);
    
        }
    
        /** * 拦截物理返回键 */
        @Override
        public void onBackPressed() { 
            if (mWebView.canGoBack()){  // 判断是否可以返回
                mWebView.goBack(); // 返回上一个网页
                // mWebView.goForward(); 跳到下一个网页（前提是有一个历史记录）
                // mWebView.canGoForward(); 判断是否可以跳转到下一个网页
            }
            else { 
                finish();
            }
        }
    
        @Override
        public void onClick(View v) { 
            switch (v.getId()){ 
                case R.id.btn_back:
                    finish();
                    break;
                case R.id.btn_textsize:
    
                    break;
                case R.id.btn_share:
                    
                    break;
                default:
                    break;
            }
        }
    }

1.  修改NewsDetailActivity，新增showChooseDialog()方法，表示选择字体的窗口，并且实现相应方法，代码如下：

package com.example.zhbj;
    
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.content.DialogInterface;
    import android.graphics.Bitmap;
    import android.os.Bundle;
    import android.view.View;
    import android.view.Window;
    import android.webkit.WebChromeClient;
    import android.webkit.WebSettings;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;
    import android.widget.ImageButton;
    import android.widget.LinearLayout;
    import android.widget.ProgressBar;
    
    import com.lidroid.xutils.ViewUtils;
    import com.lidroid.xutils.view.annotation.ViewInject;
    
    import cn.sharesdk.onekeyshare.OnekeyShare;
    
    /** * 新闻详情页 */
    public class NewsDetailActivity extends Activity implements View.OnClickListener { 
    
        /** * 返回按钮 */
        @ViewInject(R.id.btn_back)
        private ImageButton btnBack;
    
        /** * 菜单按钮 */
        @ViewInject(R.id.btn_menu)
        private ImageButton btnMenu;
    
        /** * 包含两个功能按钮的线性布局 */
        @ViewInject(R.id.ll_control)
        private LinearLayout llControl;
    
        /** * 字体大小按钮 */
        @ViewInject(R.id.btn_textsize)
        private ImageButton btnTextSize;
    
        /** * 分享按钮 */
        @ViewInject(R.id.btn_share)
        private ImageButton btnShare;
    
        /** * WebView的实例 */
        @ViewInject(R.id.webview)
        private WebView mWebView;
    
        /** * 进度条实例 */
        @ViewInject(R.id.pb_loading3)
        private ProgressBar pbLoading;
    
        /** * 选中的字体大小标识符 */
        private int mTempWhich;
    
        /** * 当前选中的字体大小标识符 */
        private int mCurrentWhich = 2;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            requestWindowFeature(Window.FEATURE_NO_TITLE);
            setContentView(R.layout.activity_news_detail);
            ViewUtils.inject(this);
            initViews();
    
            // 获取WebView的设置对象
            WebSettings settings = mWebView.getSettings();
            settings.setJavaScriptEnabled(true); // 启用js功能
            settings.setBuiltInZoomControls(true); // 启用显示放大/缩小的按钮，不支持已经适配好移动端的页面
            settings.setUseWideViewPort(true); // 启用双击缩放
            // 给WebView设置一个监听
            mWebView.setWebViewClient(new WebViewClient(){ 
                /** * 页面开始加载 * @param view * @param url * @param favicon */
                @Override
                public void onPageStarted(WebView view, String url, Bitmap favicon) { 
                    super.onPageStarted(view, url, favicon);
                    pbLoading.setVisibility(View.VISIBLE);
                }
    
                /** * 跳转链接 * @param view * @param url * @return */
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) { 
                    // 强制所有跳转链接都在WebView执行
                    mWebView.loadUrl(url);
                    return true;
                }
    
                /** * 加载结束 * @param view * @param url */
                @Override
                public void onPageFinished(WebView view, String url) { 
                    super.onPageFinished(view, url);
                    pbLoading.setVisibility(View.GONE);
                }
            });
            mWebView.setWebChromeClient(new WebChromeClient(){ 
    
                /** * 获取网页标题 * @param view * @param title */
                @Override
                public void onReceivedTitle(WebView view, String title) { 
                    super.onReceivedTitle(view, title);
                }
    
                /** * 进度发生变化 * @param view * @param newProgress */
                @Override
                public void onProgressChanged(WebView view, int newProgress) { 
                    super.onProgressChanged(view, newProgress);
                }
            });
    
            String url = getIntent().getStringExtra("url");
    
            // 开始加载网页
            mWebView.loadUrl(url);
        }
    
        /** * 初始化布局 */
        private void initViews() { 
            btnBack.setVisibility(View.VISIBLE);
            btnMenu.setVisibility(View.GONE);
            llControl.setVisibility(View.VISIBLE);
            btnBack.setOnClickListener(this);
            btnMenu.setOnClickListener(this);
            btnTextSize.setOnClickListener(this);
            btnShare.setOnClickListener(this);
        }
    
        /** * 拦截物理返回键 */
        @Override
        public void onBackPressed() { 
            if (mWebView.canGoBack()){  // 判断是否可以返回
                mWebView.goBack(); // 返回上一个网页
                // mWebView.goForward(); 跳到下一个网页（前提是有一个历史记录）
                // mWebView.canGoForward(); 判断是否可以跳转到下一个网页
            }
            else { 
                finish();
            }
        }
    
        @Override
        public void onClick(View v) { 
            switch (v.getId()){ 
                case R.id.btn_back:
                    finish();
                    break;
                case R.id.btn_textsize:
                    showChooseDialog();
                    break;
                case R.id.btn_share:
                    showShare();
                    break;
                default:
                    break;
            }
        }
    
        /** * 显示选择字体的弹窗 */
        private void showChooseDialog() { 
            System.out.println("调用了方法");
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setTitle("字体设置");
            String[] items = new String[]{ "超大号字体","大号字体","正常字体","小号字体","超小号字体"};
            // 显示单选框，参数1：单选字符串数组;参数2：当前默认选中的位置;参数3：选中的监听器
            builder.setSingleChoiceItems(items, mCurrentWhich, new DialogInterface.OnClickListener() { 
                @Override
                public void onClick(DialogInterface dialog, int which) { 
                    mTempWhich = which;
                }
            });
    
            builder.setPositiveButton("确定", new DialogInterface.OnClickListener() { 
                @Override
                public void onClick(DialogInterface dialog, int which) { 
                    WebSettings settings = mWebView.getSettings();
                    switch (mTempWhich){ 
                        case 0:
                            // 超大号字体
                            settings.setTextSize(WebSettings.TextSize.LARGEST);
                            break;
                        case 1:
                            // 大号字体
                            settings.setTextSize(WebSettings.TextSize.LARGER);
                            break;
                        case 2:
                            // 正常字体
                            settings.setTextSize(WebSettings.TextSize.NORMAL);
                            break;
                        case 3:
                            // 小号字体
                            settings.setTextSize(WebSettings.TextSize.SMALLER);
                            break;
                        case 4:
                            // 超小号字体
                            settings.setTextSize(WebSettings.TextSize.SMALLEST);
                            break;
                        default:
                            break;
                    }
                    mCurrentWhich = mTempWhich;
                }
            });
    
            builder.setNegativeButton("取消",null);
    
            builder.show();
        }
    
        /** * ShareSDK的分享方法 */
        private void showShare() { 
            OnekeyShare oks = new OnekeyShare();
            // title标题，微信、QQ和QQ空间等平台使用
            oks.setTitle("分享");
            // titleUrl QQ和QQ空间跳转链接
            oks.setTitleUrl("http://sharesdk.cn");
            // text是分享文本，所有平台都需要这个字段
            oks.setText("我是分享文本");
            // imagePath是图片的本地路径，确保SDcard下面存在此张图片
            oks.setImagePath("/sdcard/test.jpg");
            // url在微信、Facebook等平台中使用
            oks.setUrl("http://sharesdk.cn");
            // 启动分享GUI
            oks.show(this);
        }
    }

# 2.ShareSDK的使用 #

现在加载出网页了，就需要开始实现界面中右上角第二个“调整字体将”的功能，这里要使用一个第三方的框架——**ShareSDK**

1.  前往ShareSDK的官网下载，按照指定提示，根据自己的需求来添加相应依赖，并且在线下载ShareSDK，可以参考官方文档进行集成，网站如此：http://www.mob.com/wiki/detailed?wiki=ShareSDK\_Android\_Title\_ksjc&id=14 ，如图所示：

\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FWTM89hX-1580128885066)(C:\\Users\\moxitao\\AppData\\Roaming\\Typora\\typora-user-images\\image-20200127173345619.png)\]

1.  修改NewsDetailActivity，添加ShareSDK的官方实例showShare()方法，记得在sdcard目录下添加图片，代码如下：

# 3.头条新闻自动轮播 #

现在我们实现了这个应用的大体部分，接下来就是继续优化：让头条新闻实现自动轮播的效果

1.  修改TabDetailPaper，修改processData()方法，使用Handler添加自动轮播的逻辑，代码如下：

package com.example.zhbj.base.impl;
    
    import android.app.Activity;
    import android.content.Intent;
    import android.graphics.Color;
    import android.support.annotation.NonNull;
    import android.support.v4.view.PagerAdapter;
    import android.support.v4.view.ViewPager;
    import android.text.TextUtils;
    import android.view.Gravity;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.AdapterView;
    import android.widget.BaseAdapter;
    import android.widget.ImageView;
    import android.widget.ListView;
    import android.widget.TextView;
    import android.widget.Toast;
    
    import com.example.zhbj.NewsDetailActivity;
    import com.example.zhbj.R;
    import com.example.zhbj.base.BaseMenuDetailPaper;
    import com.example.zhbj.domain.NewsMenu;
    import com.example.zhbj.domain.NewsTab;
    import com.example.zhbj.global.GlobalConstans;
    import com.example.zhbj.util.CacheUtil;
    import com.example.zhbj.util.PrefUtils;
    import com.example.zhbj.view.RefreshListView;
    import com.example.zhbj.view.TopNewsViewPaper;
    import com.google.gson.Gson;
    import com.lidroid.xutils.BitmapUtils;
    import com.lidroid.xutils.HttpUtils;
    import com.lidroid.xutils.ViewUtils;
    import com.lidroid.xutils.exception.HttpException;
    import com.lidroid.xutils.http.ResponseInfo;
    import com.lidroid.xutils.http.callback.RequestCallBack;
    import com.lidroid.xutils.http.client.HttpRequest;
    import com.lidroid.xutils.view.annotation.ViewInject;
    import com.viewpagerindicator.CirclePageIndicator;
    
    import java.util.ArrayList;
    import android.os.*;
    
    /** * 页签详情页，包含北京、中国、国际等页签 * ViewPagerIndicator * 1.引入ViewPagerIndicator库 * 2.解决v4冲突，用大的版本覆盖小的版本 * 3.仿照sample中的程序进行拷贝SampleTabsDefault */
    public class TabDetailPaper extends BaseMenuDetailPaper { 
    
        /** * 当前页签数据 */
        private NewsMenu.NewsTabData newsTabData;
    
        /** * 文本框对象 */
         // private TextView view;
    
        /** * ViewPager对象 */
        @ViewInject(R.id.vp_tab_detail)
        private TopNewsViewPaper mViewPaper;
    
        /** * 请求的URL地址 */
        private String mUrl;
    
        /** * 保存头条新闻图片的集合 */
        private ArrayList<NewsTab.TopNews> mTopNewsList;
    
        /** * TextView控件实例 */
        @ViewInject(R.id.tv_title2)
        private TextView tvTitle;
    
        /** * Indicator控件实例 */
        @ViewInject(R.id.indicator2)
        private CirclePageIndicator mIndicator;
    
        /** * ListView控件实例 */
        @ViewInject(R.id.lv_list)
        private RefreshListView lvList;
    
        /** * 存储新闻列表的集合 */
        private ArrayList<NewsTab.News> mNewsList;
    
        /** * 加载更多信息的Url */
        private String mMoreUrl;
    
        /** * 新闻详情的适配器 */
        private NewsAdapter mNewsAdapter;
    
        /** * Handler对象 */
        private Handler mHandler;
    
        public TabDetailPaper(Activity activity, NewsMenu.NewsTabData newsTabData) { 
            super(activity);
            this.newsTabData = newsTabData;
            mUrl = GlobalConstans.SERVER_URL + newsTabData.url;
        }
    
        @Override
        public View initViews() { 
            /* view = new TextView(mActivity); view.setTextSize(22); view.setTextColor(Color.RED); view.setGravity(Gravity.CENTER); // 居中显示 view.setText("页签"); */
            View view = View.inflate(mActivity,R.layout.paper_tab_detail,null);
    
            // 加载头条新闻的头布局
            View headerView = View.inflate(mActivity,R.layout.list_item_header,null);
            ViewUtils.inject(this,view);
            ViewUtils.inject(this,headerView);
            lvList.addHeaderView(headerView); // 给ListView添加头布局
    
            // 设置下拉刷新的监听
            lvList.setOnRefreshListener(new RefreshListView.OnRefreshListener() { 
                @Override
                public void onRefresh() { 
                    // 刷新数据
                    getDataFromServer();
                }
    
                @Override
                public void onLoadMore() { 
                    if (mMoreUrl != null){ 
                        getMoreDataFromServer();
                    }else { 
                        Toast.makeText(mActivity,"没有更多数据啦",Toast.LENGTH_SHORT).show();
                        lvList.onRefreshComplete();
                    }
                }
            });
    
            // 设置点击事件
            lvList.setOnItemClickListener(new AdapterView.OnItemClickListener() { 
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) { 
                    // 头布局也算位置，所以使用position时要将头布局个数减掉
                    int headerViewsCount = lvList.getHeaderViewsCount();
                    position -= headerViewsCount;
                    NewsTab.News news = mNewsList.get(position);
    
                    // 标记已读未读：将已读新闻id保存在sp中
                    // key: "read_ids"
                    // value: 11000,11001,11002...
                    // 读取现有的id
                    String readIds = PrefUtils.getString(mActivity, "read_ids", "");
                    if (!readIds.contains(news.id)){ 
                        // 在现有id基础上追加新的id
                        readIds = readIds + news.id + ",";
                        // 保存最新的id集合
                        PrefUtils.putString(mActivity,"read_ids",readIds);
                    }
                    // 刷新ListView，全局刷新
                    // mNewsAdapter.notifyDataSetChanged();
                    // 刷新ListView，局部刷新
                    TextView tvTitle = (TextView) view.findViewById(R.id.tv_title3);
                    tvTitle.setTextColor(Color.GRAY);
    
                    // 跳到新闻详情页
                    Intent intent = new Intent(mActivity, NewsDetailActivity.class);
                    intent.putExtra("url",news.url); // 传递网页
                    mActivity.startActivity(intent);
                }
            });
    
            return view;
        }
    
        @Override
        public void initData() { 
            // view.setText(newsTabData.title); // 修改当前布局的数据
            String cache = CacheUtil.getCache(mActivity, mUrl);
            if (!TextUtils.isEmpty(cache)){ 
                // 有缓存
                processData(cache,false);
            }
            getDataFromServer();
        }
    
        /** * 从服务器中获取数据 */
        private void getDataFromServer() { 
            HttpUtils utils = new HttpUtils();
            utils.send(HttpRequest.HttpMethod.GET, mUrl, new RequestCallBack<String>() { 
                @Override
                public void onSuccess(ResponseInfo<String> responseInfo) { 
                    String result = responseInfo.result;
                    processData(result,false);
                    CacheUtil.setCache(mActivity,mUrl,result);
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
    
                @Override
                public void onFailure(HttpException e, String s) { 
                    e.printStackTrace();
                    Toast.makeText(mActivity,s,Toast.LENGTH_SHORT).show();
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
            });
        }
    
        /** * 从服务器中获取下一页数据 */
        private void getMoreDataFromServer() { 
            HttpUtils utils = new HttpUtils();
            utils.send(HttpRequest.HttpMethod.GET, mMoreUrl, new RequestCallBack<String>() { 
                @Override
                public void onSuccess(ResponseInfo<String> responseInfo) { 
                    String result = responseInfo.result;
                    processData(result,true);
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
    
                @Override
                public void onFailure(HttpException e, String s) { 
                    e.printStackTrace();
                    Toast.makeText(mActivity,s,Toast.LENGTH_SHORT).show();
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
            });
        }
    
        private void processData(String result,boolean isMore) { 
            Gson gson = new Gson();
            NewsTab newsTab = gson.fromJson(result, NewsTab.class);
    
            // 获取下一页的数据地址
            String more = newsTab.data.more;
            if (!TextUtils.isEmpty(more)){ 
                mMoreUrl = GlobalConstans.SERVER_URL + more;
            }
            else { 
                mMoreUrl = null;
            }
    
            if (!isMore){ 
                // 初始化头条新闻数据
                mTopNewsList = newsTab.data.topnews;
                if (mTopNewsList != null){ 
                    mViewPaper.setAdapter(new TopNewsAdapter());
                    mIndicator.setViewPager(mViewPaper); // 将圆形指示器和viewpager绑定
                    mIndicator.setSnap(true); // 快照展示方式
                    mIndicator.onPageSelected(0); // 将圆点位置归零，保证圆点和页面同步
                    mIndicator.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
                        @Override
                        public void onPageScrolled(int i, float v, int i1) { 
    
                        }
    
                        @Override
                        public void onPageSelected(int i) { 
                            // 更新头条新闻的标题
                            tvTitle.setText(mTopNewsList.get(i).title);
                        }
    
                        @Override
                        public void onPageScrollStateChanged(int i) { 
    
                        }
                    });
    
                    // 初始化首页标题
                    tvTitle.setText(mTopNewsList.get(0).title);
    
                    // 启动自动轮播效果
                    if (mHandler == null){ 
                        mHandler = new Handler(){ 
                            @Override
                            public void handleMessage(Message msg) { 
                                int currentPos = mViewPaper.getCurrentItem();
                                if (currentPos < mTopNewsList.size() - 1){ 
                                    currentPos++;
                                }else { 
                                    currentPos = 0; // 如果已经是最后一页，重新从第一页开始
                                }
                                mViewPaper.setCurrentItem(currentPos);
                                mHandler.sendEmptyMessageDelayed(0,2000);
                            }
                        };
    
                        // 发送延迟消息，启动自动轮播
                        mHandler.sendEmptyMessageDelayed(0,2000);
                    }
                }
    
                /** * 初始化新闻列表数据 */
                mNewsList = newsTab.data.news;
                if (mNewsList != null){ 
                    mNewsAdapter = new NewsAdapter();
                    lvList.setAdapter(new NewsAdapter());
                }
            }else { 
                // 加载更多
                ArrayList<NewsTab.News> moreNews = newsTab.data.news;
                mNewsList.addAll(moreNews); // 追加更多数据
                // 刷新listview
                mNewsAdapter.notifyDataSetChanged();
            }
    
        }
    
        class TopNewsAdapter extends PagerAdapter{ 
    
            /** * xUtils中的BitmapUtils工具类 */
            private BitmapUtils mBitmapUtils;
    
            public TopNewsAdapter() { 
               mBitmapUtils = new BitmapUtils(mActivity);
               // 设置加载中的默认图片
               mBitmapUtils.configDefaultLoadingImage(R.drawable.pic_item_list_default);
            }
    
            @Override
            public int getCount() { 
                return mTopNewsList.size();
            }
    
            @Override
            public boolean isViewFromObject(@NonNull View view, @NonNull Object o) { 
                return view == o;
            }
    
            @NonNull
            @Override
            public Object instantiateItem(@NonNull ViewGroup container, int position) { 
                ImageView view = new ImageView(mActivity);
                NewsTab.TopNews topNews = mTopNewsList.get(position);
                String topimage = topNews.topimage; // 图片的下载链接
    
                view.setScaleType(ImageView.ScaleType.FIT_XY); // 设置缩放模式：宽高匹配窗体
                /** * 1,根据url下载图片 * 2.将图片设置给ImageView * 3.将图片作成缓存 * 4.避免内存溢出 * 由于工程量巨大，这里使用xUtils中的BitmapUtils里的api来完成这四个逻辑 */
                mBitmapUtils.display(view,topimage);
    
                container.addView(view);
                return view;
            }
    
            @Override
            public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { 
                container.removeView((View) object);
            }
        }
    
        /** * 新闻列表适配器 */
        class NewsAdapter extends BaseAdapter{ 
    
            /** * BitmapUtils工具类 */
            private BitmapUtils mBitmapUtils;
    
            public NewsAdapter() { 
                mBitmapUtils = new BitmapUtils(mActivity);
                mBitmapUtils.configDefaultLoadingImage(R.drawable.news_pic_default);
            }
    
            @Override
            public int getCount() { 
                return mNewsList.size();
            }
    
            @Override
            public NewsTab.News getItem(int position) { 
                return mNewsList.get(position);
            }
    
            @Override
            public long getItemId(int position) { 
                return position;
            }
    
            @Override
            public View getView(int position, View convertView, ViewGroup parent) { 
                ViewHolder holder;
                if (convertView == null){ 
                    convertView = View.inflate(mActivity,R.layout.list_item_news,null);
                    holder = new ViewHolder();
                    holder.ivIcon = (ImageView) convertView.findViewById(R.id.iv_icon);
                    holder.tvTitle = (TextView) convertView.findViewById(R.id.tv_title3);
                    holder.tvTime = (TextView) convertView.findViewById(R.id.tv_time);
    
                    convertView.setTag(holder);
                }else { 
                    holder = (ViewHolder) convertView.getTag();
                }
                NewsTab.News info = getItem(position);
                holder.tvTitle.setText(info.title);
                holder.tvTime.setText(info.pubdate);
                mBitmapUtils.display(holder.ivIcon,info.listimage);
    
                // 判断已读未读
                String readIds = PrefUtils.getString(mActivity, "read_ids", "");
                if (readIds.contains(info.id)){ 
                    holder.tvTitle.setTextColor(Color.GRAY);
                }
                else { 
                    holder.tvTitle.setTextColor(Color.BLACK);
                }
                return convertView;
            }
        }
    
        static class ViewHolder{ 
            public ImageView ivIcon;
            public TextView tvTitle;
            public TextView tvTime;
        }
    
    }

1.  修改TabDetailPaper，修改processData()方法，创建VIewPager的点击监听器，用于让图片被点击或被拖拽的时候停止轮播，代码如下：

package com.example.zhbj.base.impl;
    
    import android.app.Activity;
    import android.content.Intent;
    import android.graphics.Color;
    import android.support.annotation.NonNull;
    import android.support.v4.view.PagerAdapter;
    import android.support.v4.view.ViewPager;
    import android.text.TextUtils;
    import android.view.Gravity;
    import android.view.MotionEvent;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.AdapterView;
    import android.widget.BaseAdapter;
    import android.widget.ImageView;
    import android.widget.ListView;
    import android.widget.TextView;
    import android.widget.Toast;
    
    import com.example.zhbj.NewsDetailActivity;
    import com.example.zhbj.R;
    import com.example.zhbj.base.BaseMenuDetailPaper;
    import com.example.zhbj.domain.NewsMenu;
    import com.example.zhbj.domain.NewsTab;
    import com.example.zhbj.global.GlobalConstans;
    import com.example.zhbj.util.CacheUtil;
    import com.example.zhbj.util.PrefUtils;
    import com.example.zhbj.view.RefreshListView;
    import com.example.zhbj.view.TopNewsViewPaper;
    import com.google.gson.Gson;
    import com.lidroid.xutils.BitmapUtils;
    import com.lidroid.xutils.HttpUtils;
    import com.lidroid.xutils.ViewUtils;
    import com.lidroid.xutils.exception.HttpException;
    import com.lidroid.xutils.http.ResponseInfo;
    import com.lidroid.xutils.http.callback.RequestCallBack;
    import com.lidroid.xutils.http.client.HttpRequest;
    import com.lidroid.xutils.view.annotation.ViewInject;
    import com.viewpagerindicator.CirclePageIndicator;
    
    import java.util.ArrayList;
    import android.os.*;
    
    /** * 页签详情页，包含北京、中国、国际等页签 * ViewPagerIndicator * 1.引入ViewPagerIndicator库 * 2.解决v4冲突，用大的版本覆盖小的版本 * 3.仿照sample中的程序进行拷贝SampleTabsDefault */
    public class TabDetailPaper extends BaseMenuDetailPaper { 
    
        /** * 当前页签数据 */
        private NewsMenu.NewsTabData newsTabData;
    
        /** * 文本框对象 */
         // private TextView view;
    
        /** * ViewPager对象 */
        @ViewInject(R.id.vp_tab_detail)
        private TopNewsViewPaper mViewPaper;
    
        /** * 请求的URL地址 */
        private String mUrl;
    
        /** * 保存头条新闻图片的集合 */
        private ArrayList<NewsTab.TopNews> mTopNewsList;
    
        /** * TextView控件实例 */
        @ViewInject(R.id.tv_title2)
        private TextView tvTitle;
    
        /** * Indicator控件实例 */
        @ViewInject(R.id.indicator2)
        private CirclePageIndicator mIndicator;
    
        /** * ListView控件实例 */
        @ViewInject(R.id.lv_list)
        private RefreshListView lvList;
    
        /** * 存储新闻列表的集合 */
        private ArrayList<NewsTab.News> mNewsList;
    
        /** * 加载更多信息的Url */
        private String mMoreUrl;
    
        /** * 新闻详情的适配器 */
        private NewsAdapter mNewsAdapter;
    
        /** * Handler对象 */
        private Handler mHandler;
    
        public TabDetailPaper(Activity activity, NewsMenu.NewsTabData newsTabData) { 
            super(activity);
            this.newsTabData = newsTabData;
            mUrl = GlobalConstans.SERVER_URL + newsTabData.url;
        }
    
        @Override
        public View initViews() { 
            /* view = new TextView(mActivity); view.setTextSize(22); view.setTextColor(Color.RED); view.setGravity(Gravity.CENTER); // 居中显示 view.setText("页签"); */
            View view = View.inflate(mActivity,R.layout.paper_tab_detail,null);
    
            // 加载头条新闻的头布局
            View headerView = View.inflate(mActivity,R.layout.list_item_header,null);
            ViewUtils.inject(this,view);
            ViewUtils.inject(this,headerView);
            lvList.addHeaderView(headerView); // 给ListView添加头布局
    
            // 设置下拉刷新的监听
            lvList.setOnRefreshListener(new RefreshListView.OnRefreshListener() { 
                @Override
                public void onRefresh() { 
                    // 刷新数据
                    getDataFromServer();
                }
    
                @Override
                public void onLoadMore() { 
                    if (mMoreUrl != null){ 
                        getMoreDataFromServer();
                    }else { 
                        Toast.makeText(mActivity,"没有更多数据啦",Toast.LENGTH_SHORT).show();
                        lvList.onRefreshComplete();
                    }
                }
            });
    
            // 设置点击事件
            lvList.setOnItemClickListener(new AdapterView.OnItemClickListener() { 
                @Override
                public void onItemClick(AdapterView<?> parent, View view, int position, long id) { 
                    // 头布局也算位置，所以使用position时要将头布局个数减掉
                    int headerViewsCount = lvList.getHeaderViewsCount();
                    position -= headerViewsCount;
                    NewsTab.News news = mNewsList.get(position);
    
                    // 标记已读未读：将已读新闻id保存在sp中
                    // key: "read_ids"
                    // value: 11000,11001,11002...
                    // 读取现有的id
                    String readIds = PrefUtils.getString(mActivity, "read_ids", "");
                    if (!readIds.contains(news.id)){ 
                        // 在现有id基础上追加新的id
                        readIds = readIds + news.id + ",";
                        // 保存最新的id集合
                        PrefUtils.putString(mActivity,"read_ids",readIds);
                    }
                    // 刷新ListView，全局刷新
                    // mNewsAdapter.notifyDataSetChanged();
                    // 刷新ListView，局部刷新
                    TextView tvTitle = (TextView) view.findViewById(R.id.tv_title3);
                    tvTitle.setTextColor(Color.GRAY);
    
                    // 跳到新闻详情页
                    Intent intent = new Intent(mActivity, NewsDetailActivity.class);
                    intent.putExtra("url",news.url); // 传递网页
                    mActivity.startActivity(intent);
                }
            });
    
            return view;
        }
    
        @Override
        public void initData() { 
            // view.setText(newsTabData.title); // 修改当前布局的数据
            String cache = CacheUtil.getCache(mActivity, mUrl);
            if (!TextUtils.isEmpty(cache)){ 
                // 有缓存
                processData(cache,false);
            }
            getDataFromServer();
        }
    
        /** * 从服务器中获取数据 */
        private void getDataFromServer() { 
            HttpUtils utils = new HttpUtils();
            utils.send(HttpRequest.HttpMethod.GET, mUrl, new RequestCallBack<String>() { 
                @Override
                public void onSuccess(ResponseInfo<String> responseInfo) { 
                    String result = responseInfo.result;
                    processData(result,false);
                    CacheUtil.setCache(mActivity,mUrl,result);
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
    
                @Override
                public void onFailure(HttpException e, String s) { 
                    e.printStackTrace();
                    Toast.makeText(mActivity,s,Toast.LENGTH_SHORT).show();
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
            });
        }
    
        /** * 从服务器中获取下一页数据 */
        private void getMoreDataFromServer() { 
            HttpUtils utils = new HttpUtils();
            utils.send(HttpRequest.HttpMethod.GET, mMoreUrl, new RequestCallBack<String>() { 
                @Override
                public void onSuccess(ResponseInfo<String> responseInfo) { 
                    String result = responseInfo.result;
                    processData(result,true);
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
    
                @Override
                public void onFailure(HttpException e, String s) { 
                    e.printStackTrace();
                    Toast.makeText(mActivity,s,Toast.LENGTH_SHORT).show();
    
                    // 隐藏下拉刷新控件
                    lvList.onRefreshComplete();
                }
            });
        }
    
        private void processData(String result,boolean isMore) { 
            Gson gson = new Gson();
            NewsTab newsTab = gson.fromJson(result, NewsTab.class);
    
            // 获取下一页的数据地址
            String more = newsTab.data.more;
            if (!TextUtils.isEmpty(more)){ 
                mMoreUrl = GlobalConstans.SERVER_URL + more;
            }
            else { 
                mMoreUrl = null;
            }
    
            if (!isMore){ 
                // 初始化头条新闻数据
                mTopNewsList = newsTab.data.topnews;
                if (mTopNewsList != null){ 
                    mViewPaper.setAdapter(new TopNewsAdapter());
                    mIndicator.setViewPager(mViewPaper); // 将圆形指示器和viewpager绑定
                    mIndicator.setSnap(true); // 快照展示方式
                    mIndicator.onPageSelected(0); // 将圆点位置归零，保证圆点和页面同步
                    mIndicator.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { 
                        @Override
                        public void onPageScrolled(int i, float v, int i1) { 
    
                        }
    
                        @Override
                        public void onPageSelected(int i) { 
                            // 更新头条新闻的标题
                            tvTitle.setText(mTopNewsList.get(i).title);
                        }
    
                        @Override
                        public void onPageScrollStateChanged(int i) { 
    
                        }
                    });
    
                    // 初始化首页标题
                    tvTitle.setText(mTopNewsList.get(0).title);
    
                    // 启动自动轮播效果
                    if (mHandler == null){ 
                        mHandler = new Handler(){ 
                            @Override
                            public void handleMessage(Message msg) { 
                                int currentPos = mViewPaper.getCurrentItem();
                                if (currentPos < mTopNewsList.size() - 1){ 
                                    currentPos++;
                                }else { 
                                    currentPos = 0; // 如果已经是最后一页，重新从第一页开始
                                }
                                mViewPaper.setCurrentItem(currentPos);
                                mHandler.sendEmptyMessageDelayed(0,2000);
                            }
                        };
    
                        // 发送延迟消息，启动自动轮播
                        mHandler.sendEmptyMessageDelayed(0,2000);
                    }
    
                    mViewPaper.setOnTouchListener(new View.OnTouchListener() { 
                        @Override
                        public boolean onTouch(View v, MotionEvent event) { 
                            switch (event.getAction()){ 
                                case MotionEvent.ACTION_DOWN:
                                    mHandler.removeCallbacksAndMessages(null); // 移除消息，停止轮播
                                    break;
                                case MotionEvent.ACTION_CANCEL:
                                    // 事件取消
                                    mHandler.sendEmptyMessageDelayed(0,2000);
                                    break;
                                case MotionEvent.ACTION_UP:
                                    mHandler.sendEmptyMessageDelayed(0,2000);
                                    break;
                                default:
                                    break;
                            }
                            return false;
                        }
                    });
                }
    
                /** * 初始化新闻列表数据 */
                mNewsList = newsTab.data.news;
                if (mNewsList != null){ 
                    mNewsAdapter = new NewsAdapter();
                    lvList.setAdapter(new NewsAdapter());
                }
            }else { 
                // 加载更多
                ArrayList<NewsTab.News> moreNews = newsTab.data.news;
                mNewsList.addAll(moreNews); // 追加更多数据
                // 刷新listview
                mNewsAdapter.notifyDataSetChanged();
            }
    
        }
    
        class TopNewsAdapter extends PagerAdapter{ 
    
            /** * xUtils中的BitmapUtils工具类 */
            private BitmapUtils mBitmapUtils;
    
            public TopNewsAdapter() { 
               mBitmapUtils = new BitmapUtils(mActivity);
               // 设置加载中的默认图片
               mBitmapUtils.configDefaultLoadingImage(R.drawable.pic_item_list_default);
            }
    
            @Override
            public int getCount() { 
                return mTopNewsList.size();
            }
    
            @Override
            public boolean isViewFromObject(@NonNull View view, @NonNull Object o) { 
                return view == o;
            }
    
            @NonNull
            @Override
            public Object instantiateItem(@NonNull ViewGroup container, int position) { 
                ImageView view = new ImageView(mActivity);
                NewsTab.TopNews topNews = mTopNewsList.get(position);
                String topimage = topNews.topimage; // 图片的下载链接
    
                view.setScaleType(ImageView.ScaleType.FIT_XY); // 设置缩放模式：宽高匹配窗体
                /** * 1,根据url下载图片 * 2.将图片设置给ImageView * 3.将图片作成缓存 * 4.避免内存溢出 * 由于工程量巨大，这里使用xUtils中的BitmapUtils里的api来完成这四个逻辑 */
                mBitmapUtils.display(view,topimage);
    
                container.addView(view);
                return view;
            }
    
            @Override
            public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { 
                container.removeView((View) object);
            }
        }
    
        /** * 新闻列表适配器 */
        class NewsAdapter extends BaseAdapter{ 
    
            /** * BitmapUtils工具类 */
            private BitmapUtils mBitmapUtils;
    
            public NewsAdapter() { 
                mBitmapUtils = new BitmapUtils(mActivity);
                mBitmapUtils.configDefaultLoadingImage(R.drawable.news_pic_default);
            }
    
            @Override
            public int getCount() { 
                return mNewsList.size();
            }
    
            @Override
            public NewsTab.News getItem(int position) { 
                return mNewsList.get(position);
            }
    
            @Override
            public long getItemId(int position) { 
                return position;
            }
    
            @Override
            public View getView(int position, View convertView, ViewGroup parent) { 
                ViewHolder holder;
                if (convertView == null){ 
                    convertView = View.inflate(mActivity,R.layout.list_item_news,null);
                    holder = new ViewHolder();
                    holder.ivIcon = (ImageView) convertView.findViewById(R.id.iv_icon);
                    holder.tvTitle = (TextView) convertView.findViewById(R.id.tv_title3);
                    holder.tvTime = (TextView) convertView.findViewById(R.id.tv_time);
    
                    convertView.setTag(holder);
                }else { 
                    holder = (ViewHolder) convertView.getTag();
                }
                NewsTab.News info = getItem(position);
                holder.tvTitle.setText(info.title);
                holder.tvTime.setText(info.pubdate);
                mBitmapUtils.display(holder.ivIcon,info.listimage);
    
                // 判断已读未读
                String readIds = PrefUtils.getString(mActivity, "read_ids", "");
                if (readIds.contains(info.id)){ 
                    holder.tvTitle.setTextColor(Color.GRAY);
                }
                else { 
                    holder.tvTitle.setTextColor(Color.BLACK);
                }
                return convertView;
            }
        }
    
        static class ViewHolder{ 
            public ImageView ivIcon;
            public TextView tvTitle;
            public TextView tvTime;
        }
    
    }