ViewPagerWithViewDemo【ViewPager和View搭配以及演示获取里面的值和CheckBox单选效果】
版权声明：本文为HaiyuKing原创文章，转载请注明出处！
前言
简单记录下ViewPager和自定义布局view的搭配使用以及布局文件中单选效果、获取viewpager布局内部值的功能。
效果图
使用步骤
一、项目组织结构图
注意事项：
1、 导入类文件后需要change包名以及重新import R文件路径
2、 Values目录下的文件（strings.xml、dimens.xml、colors.xml等），如果项目中存在，则复制里面的内容，不要整个覆盖
二、导入步骤
（1）将ViewPager和内部布局文件以及数据集合关联起来
1、将MyCustomViewPager复制到项目中
package com.why.project.viewpagerwithviewdemo; import android.content.Context;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.TextView; import com.why.project.viewpagerwithviewdemo.bean.CheckInfoBean;
import com.why.project.viewpagerwithviewdemo.viewpager.MyCustomViewPager; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private Context mContext; private TextView mPageTv; /**中间viewpager区域*/
private MyCustomViewPager mViewPager;
/**ViewPager适配器*/
private MyViewPagerAdapter mViewPageAdapter;
//viewpager的数据集合
private ArrayList<CheckInfoBean> mCheckInfoLists;
/**viewpager中当前页面的下标值*/
private int currentItemIndex = 0; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); mContext = this; //初始化控件以及设置
initView();
//初始化数据
initData();
//初始化控件的点击事件
initEvent();
} @Override
public void onDestroy() {
mViewPager.removeAllViews();//防止内存泄漏
System.gc();//回收 super.onDestroy();
} private void initView() {
mPageTv = findViewById(R.id.tv_page); mViewPager = (MyCustomViewPager) findViewById(R.id.view_pager);
mViewPager.setOffscreenPageLimit(3);//设置预加载的页数，之前是3【这个值指的是，当前view的左右两边的预加载的页面的个数。也就是说，如果这个值mOffscreenPageLimit ＝ 3，那么任何一个页面的左边可以预加载3个页面，右边也可以加载3页面。】
} private void initData() {
//初始化数据
mCheckInfoLists = new ArrayList<CheckInfoBean>();
for (int i=0;i<10;i++){
CheckInfoBean bean = new CheckInfoBean();
bean.setCheckResult("1");
bean.setCheckContent("这是第" + (i+1) + "页");
mCheckInfoLists.add(bean);
} //设置页码
if(mCheckInfoLists.size() > 0){
showPageNum();
}
//填充viewpager数据
initViewPage();
} private void initEvent() { } //设置页码
private void showPageNum() {
mPageTv.setText((currentItemIndex+1) + "/" + mCheckInfoLists.size());
} /**初始化viewpager配置*/
private void initViewPage(){
if(mViewPageAdapter == null){
mViewPageAdapter = new MyViewPagerAdapter();
mViewPager.setAdapter(mViewPageAdapter); mViewPager.addOnPageChangeListener(new MyOnPageChangeListener());//设置页面切换监听事件
mViewPager.setIsCanScroll(true);//允许滑动
}else{
mViewPageAdapter.notifyDataSetChanged();
}
mViewPager.setCurrentItem(currentItemIndex);
} /**ViewPager适配器*/
public class MyViewPagerAdapter extends PagerAdapter
{
/**这个方法，是从ViewGroup中移出当前View*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(((View)object));
} /**这个方法，是获取viewpager的界面数*/
@Override
public int getCount() {
return mCheckInfoLists.size();
} public int getItemPosition(Object object) {
return POSITION_NONE;//-2
} /**这个方法，return一个对象，这个对象表明了PagerAdapter将选择将这个对象填充到在当前ViewPager里*/
@Override
public Object instantiateItem(ViewGroup container, int position){
View layout = LayoutInflater.from(mContext).inflate(R.layout.view_pager_layout, null); EditText edt_content = layout.findViewById(R.id.edt_content); //实例化控件
CheckBox mHegeCB = layout.findViewById(R.id.cb_hege);
CheckBox mYanZhongCB = layout.findViewById(R.id.cb_yanzhong);
CheckBox mZhuYaoCB = layout.findViewById(R.id.cb_zhuyao);
CheckBox mYiBanCB = layout.findViewById(R.id.cb_yiban); //将四个CheckBox放到集合中，用于控制单选规则【下标值按照1、2、3、4与合格。严重，主要，一般的规则排列】
final ArrayList<CheckBox> mResultRadioList = new ArrayList<CheckBox>();
mResultRadioList.add(mHegeCB);
mResultRadioList.add(mYanZhongCB);
mResultRadioList.add(mZhuYaoCB);
mResultRadioList.add(mYiBanCB); //填充数据
CheckInfoBean checkInfoBean = mCheckInfoLists.get(position);
edt_content.setText(checkInfoBean.getCheckContent()); String resultIndex = checkInfoBean.getCheckResult();
if(! TextUtils.isEmpty(resultIndex) && Integer.parseInt(resultIndex) > 0){
mResultRadioList.get(Integer.parseInt(resultIndex) - 1).setChecked(true);
} //设置点击事件
for(int i=0;i<mResultRadioList.size();i++){
final int ckIndex = i;
mResultRadioList.get(i).setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
if(isChecked){
//循环mResultRadioList集合，还原其他radio不选中状态
for(CheckBox radioBtn : mResultRadioList){
if(radioBtn != mResultRadioList.get(ckIndex)){
radioBtn.setChecked(false);
}
}
}
}
});
} //将布局文件view添加到viewpager中
container.addView((View)layout); return layout;
} /**这个方法，在帮助文档中原文是could be implemented as return view == object,也就是用于判断是否由对象生成界面*/
@Override
public boolean isViewFromObject(View view, Object object) {
// TODO Auto-generated method stub
return view == object ? true : false;//官方提示这样写
}
@Override
public void notifyDataSetChanged()
{
super.notifyDataSetChanged();
}
} /**ViewPage切换的事件监听
* http://blog.csdn.net/zhengxiaoyao0716/article/details/48805703*/
public class MyOnPageChangeListener implements ViewPager.OnPageChangeListener
{
/* 这个方法在手指操作屏幕的时候发生变化。有三个值：0（END）,1(PRESS) , 2(UP) 。
* arg0 ==1的时辰默示正在滑动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做。
*/
@Override
public void onPageScrollStateChanged(int state) {
} /* 用户一次滑动，这个方法会持续调用N多次，直至某个View充满视图并且稳定住！（但具体调用次数也不确定，尤其在首末位置向边界滑动，如果Log一下，会看到出现调用不确定次数的打印，且positionOffset都为0.
* position 当前页面，及你点击滑动的页面【position为当前屏幕上所露出的所有View的Item取下限。比如，当前Item为3，轻轻向右滑动一下，2露出了一点点，那么position就是2；而如果向左滑动，露出的4比3大，那么只要3没完全隐匿，那么position就一直按照3算。】
* positionOffset 当前页面偏移的百分比【positionOffset是当前Item较大的那个View占视图的百分比，0-1，没有负数！当滑动结束时，onPageScrolled();最后一次调用，positionOffset为0。】
* positionOffsetPixels 当前页面偏移的像素位置
*/
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } /* 这个方法有一个参数position，代表哪个页面被选中。
* 当用手指滑动翻页的时候，如果翻动成功了（滑动的距离够长），手指抬起来就会立即执行这个方法
* position就是当前滑动到的页面。
* 如果直接setCurrentItem翻页，那position就和setCurrentItem的参数一致，这种情况在onPageScrolled执行方法前就会立即执行。
*/
@Override
public void onPageSelected(int position) {
currentItemIndex = position;
showPageNum();//设置页码
}
} }
MyCustomViewPager.java
2、在activity布局文件中引用MyCustomViewPager【注意，MyCustomViewPager的完整路径需要根据实际情况修改】
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="8dp"> <Button
android:id="@+id/btn_save"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="获取当前页中的值"
android:layout_marginBottom="8dp"
android:layout_gravity="center"/> <!-- viewpager区域 -->
<com.why.project.viewpagerwithviewdemo.viewpager.MyCustomViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="0.0dp"
android:layout_weight="1"
android:clipChildren="false"
android:background="#ffffff"/> <TextView
android:id="@+id/tv_page"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:layout_gravity="center"/> </LinearLayout>
3、编写viewpager内部的布局view_pager_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<!-- viewpager区域的布局文件 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#ffffff" > <!-- 当之有一个EditText或者AutoCompleteTextView的时候，进入画面时是默认得到焦点的。 要想去除焦点，可以在auto之前加一个0像素的layout，并设置他先得到焦点。 -->
<LinearLayout
android:layout_width="0px"
android:layout_height="0px"
android:focusable="true"
android:focusableInTouchMode="true"/> <!-- 设置区域：可滑动 -->
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbarSize="2dp"
android:scrollbarThumbVertical="@null"
android:scrollbars="vertical"
> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
> <TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="检查结果："
android:textColor="#87000000"
android:textSize="18sp"/> <!-- 检查结果 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_margin="8dp"
> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_marginBottom="8dp">
<LinearLayout
android:layout_width="0.0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal">
<!-- 合格 -->
<CheckBox
android:id="@+id/cb_hege"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableLeft="@drawable/check_info_radio"
android:text="合格"
android:textSize="16sp"/>
</LinearLayout>
<LinearLayout
android:layout_width="0.0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal">
<!-- 严重问题 -->
<CheckBox
android:id="@+id/cb_yanzhong"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableLeft="@drawable/check_info_radio"
android:text="严重问题"
android:textSize="16sp"/>
</LinearLayout>
</LinearLayout> <LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0.0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal">
<!-- 主要问题 -->
<CheckBox
android:id="@+id/cb_zhuyao"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableLeft="@drawable/check_info_radio"
android:text="主要问题"
android:textSize="16sp"/>
</LinearLayout>
<LinearLayout
android:layout_width="0.0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="horizontal">
<!-- 一般问题 -->
<CheckBox
android:id="@+id/cb_yiban"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableLeft="@drawable/check_info_radio"
android:text="一般问题"
android:textSize="16sp"/>
</LinearLayout>
</LinearLayout> </LinearLayout> <!-- 备注 -->
<EditText
android:id="@+id/et_content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入备注"
android:inputType="textMultiLine"
android:minLines="3"
android:maxLines="5"
android:text=""
android:textColor="#54000000"
android:textSize="16sp"
android:textColorHint="#54000000"
android:gravity="top"
/> </LinearLayout>
</ScrollView> </LinearLayout>
view_pager_layout.xml
4、添加集合item的bean类CheckInfoBean
package com.why.project.viewpagerwithviewdemo.bean; /**
* Created by HaiyuKing
* Used 检查结果bean类
*/ public class CheckInfoBean {
/**检查结果【检查结果：1、2、3、4与合格。严重，主要，一般。-1代表未检查】*/
private String checkResult;
/**检查说明*/
private String checkContent; public String getCheckResult() {
return checkResult;
} public void setCheckResult(String checkResult) {
this.checkResult = checkResult;
} public String getCheckContent() {
return checkContent;
} public void setCheckContent(String checkContent) {
this.checkContent = checkContent;
}
}
CheckInfoBean.java
5、在activity中初始化viewpager并关联布局文件和集合数据【这只是一个基础的框架，后续还需要继续完善】
package com.why.project.viewpagerwithviewdemo; import android.content.Context;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.TextView; import com.why.project.viewpagerwithviewdemo.bean.CheckInfoBean;
import com.why.project.viewpagerwithviewdemo.viewpager.MyCustomViewPager; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private Context mContext; private TextView mPageTv; /**中间viewpager区域*/
private MyCustomViewPager mViewPager;
/**ViewPager适配器*/
private MyViewPagerAdapter mViewPageAdapter;
//viewpager的数据集合
private ArrayList<CheckInfoBean> mCheckInfoLists;
/**viewpager中当前页面的下标值*/
private int currentItemIndex = 0; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); mContext = this; //初始化控件以及设置
initView();
//初始化数据
initData();
//初始化控件的点击事件
initEvent();
} @Override
public void onDestroy() {
mViewPager.removeAllViews();//防止内存泄漏
System.gc();//回收 super.onDestroy();
} private void initView() {
mPageTv = findViewById(R.id.tv_page); mViewPager = (MyCustomViewPager) findViewById(R.id.view_pager);
mViewPager.setOffscreenPageLimit(3);//设置预加载的页数，之前是3【这个值指的是，当前view的左右两边的预加载的页面的个数。也就是说，如果这个值mOffscreenPageLimit ＝ 3，那么任何一个页面的左边可以预加载3个页面，右边也可以加载3页面。】
} private void initData() {
//初始化数据
mCheckInfoLists = new ArrayList<CheckInfoBean>();
for (int i=0;i<10;i++){
CheckInfoBean bean = new CheckInfoBean();
bean.setCheckResult("1");
bean.setCheckContent("这是第" + (i+1) + "页");
mCheckInfoLists.add(bean);
} //设置页码
if(mCheckInfoLists.size() > 0){
showPageNum();
}
//填充viewpager数据
initViewPage();
} private void initEvent() { } //设置页码
private void showPageNum() {
mPageTv.setText((currentItemIndex+1) + "/" + mCheckInfoLists.size());
} /**初始化viewpager配置*/
private void initViewPage(){
if(mViewPageAdapter == null){
mViewPageAdapter = new MyViewPagerAdapter();
mViewPager.setAdapter(mViewPageAdapter); mViewPager.addOnPageChangeListener(new MyOnPageChangeListener());//设置页面切换监听事件
mViewPager.setIsCanScroll(true);//允许滑动
}else{
mViewPageAdapter.notifyDataSetChanged();
}
mViewPager.setCurrentItem(currentItemIndex);
} /**ViewPager适配器*/
public class MyViewPagerAdapter extends PagerAdapter
{
/**这个方法，是从ViewGroup中移出当前View*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(((View)object));
} /**这个方法，是获取viewpager的界面数*/
@Override
public int getCount() {
return mCheckInfoLists.size();
} public int getItemPosition(Object object) {
return POSITION_NONE;//-2
} /**这个方法，return一个对象，这个对象表明了PagerAdapter将选择将这个对象填充到在当前ViewPager里*/
@Override
public Object instantiateItem(ViewGroup container, int position){
View layout = LayoutInflater.from(mContext).inflate(R.layout.view_pager_layout, null);//将布局文件view添加到viewpager中
container.addView((View)layout); return layout;
} /**这个方法，在帮助文档中原文是could be implemented as return view == object,也就是用于判断是否由对象生成界面*/
@Override
public boolean isViewFromObject(View view, Object object) {
// TODO Auto-generated method stub
return view == object ? true : false;//官方提示这样写
}
@Override
public void notifyDataSetChanged()
{
super.notifyDataSetChanged();
}
} /**ViewPage切换的事件监听
* http://blog.csdn.net/zhengxiaoyao0716/article/details/48805703*/
public class MyOnPageChangeListener implements ViewPager.OnPageChangeListener
{
/* 这个方法在手指操作屏幕的时候发生变化。有三个值：0（END）,1(PRESS) , 2(UP) 。
* arg0 ==1的时辰默示正在滑动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做。
*/
@Override
public void onPageScrollStateChanged(int state) {
} /* 用户一次滑动，这个方法会持续调用N多次，直至某个View充满视图并且稳定住！（但具体调用次数也不确定，尤其在首末位置向边界滑动，如果Log一下，会看到出现调用不确定次数的打印，且positionOffset都为0.
* position 当前页面，及你点击滑动的页面【position为当前屏幕上所露出的所有View的Item取下限。比如，当前Item为3，轻轻向右滑动一下，2露出了一点点，那么position就是2；而如果向左滑动，露出的4比3大，那么只要3没完全隐匿，那么position就一直按照3算。】
* positionOffset 当前页面偏移的百分比【positionOffset是当前Item较大的那个View占视图的百分比，0-1，没有负数！当滑动结束时，onPageScrolled();最后一次调用，positionOffset为0。】
* positionOffsetPixels 当前页面偏移的像素位置
*/
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } /* 这个方法有一个参数position，代表哪个页面被选中。
* 当用手指滑动翻页的时候，如果翻动成功了（滑动的距离够长），手指抬起来就会立即执行这个方法
* position就是当前滑动到的页面。
* 如果直接setCurrentItem翻页，那position就和setCurrentItem的参数一致，这种情况在onPageScrolled执行方法前就会立即执行。
*/
@Override
public void onPageSelected(int position) {
currentItemIndex = position;
showPageNum();//设置页码
}
} }
（2）实现viewpager内部的单选效果【为什么需要单独实现呢，是因为这几个单选控件只是在同一个CheckGroup中，不做处理的话，都可以选中】
/**ViewPager适配器*/
public class MyViewPagerAdapter extends PagerAdapter
{
/**这个方法，是从ViewGroup中移出当前View*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(((View)object));
} /**这个方法，是获取viewpager的界面数*/
@Override
public int getCount() {
return mCheckInfoLists.size();
} public int getItemPosition(Object object) {
return POSITION_NONE;//-2
} /**这个方法，return一个对象，这个对象表明了PagerAdapter将选择将这个对象填充到在当前ViewPager里*/
@Override
public Object instantiateItem(ViewGroup container, int position){
View layout = LayoutInflater.from(mContext).inflate(R.layout.view_pager_layout, null); EditText edt_content = layout.findViewById(R.id.edt_content); //实例化控件
CheckBox mHegeCB = layout.findViewById(R.id.cb_hege);
CheckBox mYanZhongCB = layout.findViewById(R.id.cb_yanzhong);
CheckBox mZhuYaoCB = layout.findViewById(R.id.cb_zhuyao);
CheckBox mYiBanCB = layout.findViewById(R.id.cb_yiban); //将四个CheckBox放到集合中，用于控制单选规则【下标值按照1、2、3、4与合格。严重，主要，一般的规则排列】
final ArrayList<CheckBox> mResultRadioList = new ArrayList<CheckBox>();
mResultRadioList.add(mHegeCB);
mResultRadioList.add(mYanZhongCB);
mResultRadioList.add(mZhuYaoCB);
mResultRadioList.add(mYiBanCB); //填充数据
CheckInfoBean checkInfoBean = mCheckInfoLists.get(position);
edt_content.setText(checkInfoBean.getCheckContent()); String resultIndex = checkInfoBean.getCheckResult();
if(! TextUtils.isEmpty(resultIndex) && Integer.parseInt(resultIndex) > 0){
mResultRadioList.get(Integer.parseInt(resultIndex) - 1).setChecked(true);
} //设置点击事件
for(int i=0;i<mResultRadioList.size();i++){
final int ckIndex = i;
mResultRadioList.get(i).setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
if(isChecked){
//循环mResultRadioList集合，还原其他radio不选中状态
for(CheckBox radioBtn : mResultRadioList){
if(radioBtn != mResultRadioList.get(ckIndex)){
radioBtn.setChecked(false);
}
}
}
}
});
} //将布局文件view添加到viewpager中
container.addView((View)layout); return layout;
} /**这个方法，在帮助文档中原文是could be implemented as return view == object,也就是用于判断是否由对象生成界面*/
@Override
public boolean isViewFromObject(View view, Object object) {
// TODO Auto-generated method stub
return view == object ? true : false;//官方提示这样写
}
@Override
public void notifyDataSetChanged()
{
super.notifyDataSetChanged();
}
}
（3）实现获取viewpager当前页的值
1、创建viewpager内部布局中的view集合的item的bean类
package com.why.project.viewpagerwithviewdemo.bean; import android.widget.CheckBox;
import android.widget.EditText; /**
* Created by HaiyuKing
* Used
*/ public class ViewPagerLayoutViewsBean {
private CheckBox mHegeCB;//【检查结果：1、2、3、4与合格。严重，主要，一般。-1代表未检查】
private CheckBox mYanZhongCB;
private CheckBox mZhuYaoCB;
private CheckBox mYiBanCB; private EditText mContent; public CheckBox getmHegeCB() {
return mHegeCB;
}
public void setmHegeCB(CheckBox mHegeCB) {
this.mHegeCB = mHegeCB;
}
public CheckBox getmYanZhongCB() {
return mYanZhongCB;
}
public void setmYanZhongCB(CheckBox mYanZhongCB) {
this.mYanZhongCB = mYanZhongCB;
}
public CheckBox getmZhuYaoCB() {
return mZhuYaoCB;
}
public void setmZhuYaoCB(CheckBox mZhuYaoCB) {
this.mZhuYaoCB = mZhuYaoCB;
}
public CheckBox getmYiBanCB() {
return mYiBanCB;
}
public void setmYiBanCB(CheckBox mYiBanCB) {
this.mYiBanCB = mYiBanCB;
}
public EditText getmContent() {
return mContent;
}
public void setmContent(EditText mContent) {
this.mContent = mContent;
} /**自定义获取检查结果数值
* 【检查结果：1、2、3、4与合格。严重，主要，一般。-1代表未检查】*/
public String getChangedResult(){
String changedResult = "-1";
if(mHegeCB.isChecked()){
changedResult = "1";
}else if(mYanZhongCB.isChecked()){
changedResult = "2";
}
else if(mZhuYaoCB.isChecked()){
changedResult = "3";
}
else if(mYiBanCB.isChecked()){
changedResult = "4";
}
return changedResult;
}
}
ViewPagerLayoutViewsBean.java
2、在activity中进行初始化、赋值、和获取值
package com.why.project.viewpagerwithviewdemo; import android.content.Context;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast; import com.why.project.viewpagerwithviewdemo.bean.CheckInfoBean;
import com.why.project.viewpagerwithviewdemo.bean.ViewPagerLayoutViewsBean;
import com.why.project.viewpagerwithviewdemo.viewpager.MyCustomViewPager; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private Context mContext; private Button mSaveBtn;
private TextView mPageTv; /**中间viewpager区域*/
private MyCustomViewPager mViewPager;
/**ViewPager适配器*/
private MyViewPagerAdapter mViewPageAdapter;
//viewpager的数据集合
private ArrayList<CheckInfoBean> mCheckInfoLists;
/**viewpager中当前页面的下标值*/
private int currentItemIndex = 0; private ArrayList<ViewPagerLayoutViewsBean> mViewPagerLayoutViewsBeanList;//viewpager内部的View集合 @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); mContext = this; //初始化控件以及设置
initView();
//初始化数据
initData();
//初始化控件的点击事件
initEvent();
} @Override
public void onDestroy() {
mViewPager.removeAllViews();//防止内存泄漏
System.gc();//回收 super.onDestroy();
} private void initView() {
mSaveBtn = findViewById(R.id.btn_save);
mPageTv = findViewById(R.id.tv_page); mViewPager = (MyCustomViewPager) findViewById(R.id.view_pager);
mViewPager.setOffscreenPageLimit(3);//设置预加载的页数，之前是3【这个值指的是，当前view的左右两边的预加载的页面的个数。也就是说，如果这个值mOffscreenPageLimit ＝ 3，那么任何一个页面的左边可以预加载3个页面，右边也可以加载3页面。】
} private void initData() {
//初始化viewpager当前页的view集合
mViewPagerLayoutViewsBeanList = new ArrayList<ViewPagerLayoutViewsBean>(); //初始化数据
mCheckInfoLists = new ArrayList<CheckInfoBean>();
for (int i=0;i<10;i++){
CheckInfoBean bean = new CheckInfoBean();
bean.setCheckResult("1");
bean.setCheckContent("这是第" + (i+1) + "页");
mCheckInfoLists.add(bean); mViewPagerLayoutViewsBeanList.add(null);//先添加一个空值，这样才可以执行set方法
} //设置页码
if(mCheckInfoLists.size() > 0){
showPageNum();
} //填充viewpager数据
initViewPage();
} private void initEvent() {
mSaveBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if(mViewPagerLayoutViewsBeanList.get(currentItemIndex) != null) {
String changedContent = mViewPagerLayoutViewsBeanList.get(currentItemIndex).getmContent().getText().toString();
String changedResult = mViewPagerLayoutViewsBeanList.get(currentItemIndex).getChangedResult();
Toast.makeText(mContext,"检查结果：" + changedResult + ";备注：" + changedContent,Toast.LENGTH_SHORT).show();
}
}
});
} //设置页码
private void showPageNum() {
mPageTv.setText((currentItemIndex+1) + "/" + mCheckInfoLists.size());
} /**初始化viewpager配置*/
private void initViewPage(){
if(mViewPageAdapter == null){
mViewPageAdapter = new MyViewPagerAdapter();
mViewPager.setAdapter(mViewPageAdapter); mViewPager.addOnPageChangeListener(new MyOnPageChangeListener());//设置页面切换监听事件
mViewPager.setIsCanScroll(true);//允许滑动
}else{
mViewPageAdapter.notifyDataSetChanged();
}
mViewPager.setCurrentItem(currentItemIndex);
} /**ViewPager适配器*/
public class MyViewPagerAdapter extends PagerAdapter
{
/**这个方法，是从ViewGroup中移出当前View*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(((View)object));
} /**这个方法，是获取viewpager的界面数*/
@Override
public int getCount() {
return mCheckInfoLists.size();
} public int getItemPosition(Object object) {
return POSITION_NONE;//-2
} /**这个方法，return一个对象，这个对象表明了PagerAdapter将选择将这个对象填充到在当前ViewPager里*/
@Override
public Object instantiateItem(ViewGroup container, int position){
View layout = LayoutInflater.from(mContext).inflate(R.layout.view_pager_layout, null); EditText mEdtContent = layout.findViewById(R.id.edt_content); //实例化控件
CheckBox mHegeCB = layout.findViewById(R.id.cb_hege);
CheckBox mYanZhongCB = layout.findViewById(R.id.cb_yanzhong);
CheckBox mZhuYaoCB = layout.findViewById(R.id.cb_zhuyao);
CheckBox mYiBanCB = layout.findViewById(R.id.cb_yiban); //将四个CheckBox放到集合中，用于控制单选规则【下标值按照1、2、3、4与合格。严重，主要，一般的规则排列】
final ArrayList<CheckBox> mResultRadioList = new ArrayList<CheckBox>();
mResultRadioList.add(mHegeCB);
mResultRadioList.add(mYanZhongCB);
mResultRadioList.add(mZhuYaoCB);
mResultRadioList.add(mYiBanCB); //填充数据
CheckInfoBean checkInfoBean = mCheckInfoLists.get(position);
mEdtContent.setText(checkInfoBean.getCheckContent()); String resultIndex = checkInfoBean.getCheckResult();
if(! TextUtils.isEmpty(resultIndex) && Integer.parseInt(resultIndex) > 0){
mResultRadioList.get(Integer.parseInt(resultIndex) - 1).setChecked(true);
} //设置点击事件
for(int i=0;i<mResultRadioList.size();i++){
final int ckIndex = i;
mResultRadioList.get(i).setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
if(isChecked){
//循环mResultRadioList集合，还原其他radio不选中状态
for(CheckBox radioBtn : mResultRadioList){
if(radioBtn != mResultRadioList.get(ckIndex)){
radioBtn.setChecked(false);
}
}
}
}
});
} //将布局文件view添加到viewpager中
container.addView((View)layout); ViewPagerLayoutViewsBean viewBean = new ViewPagerLayoutViewsBean();
viewBean.setmContent(mEdtContent);
viewBean.setmHegeCB(mHegeCB);
viewBean.setmYanZhongCB(mYanZhongCB);
viewBean.setmYiBanCB(mYiBanCB);
viewBean.setmZhuYaoCB(mZhuYaoCB);
mViewPagerLayoutViewsBeanList.set(position,viewBean);//添加到集合中，用于获取当前页的数据 return layout;
} /**这个方法，在帮助文档中原文是could be implemented as return view == object,也就是用于判断是否由对象生成界面*/
@Override
public boolean isViewFromObject(View view, Object object) {
// TODO Auto-generated method stub
return view == object ? true : false;//官方提示这样写
}
@Override
public void notifyDataSetChanged()
{
super.notifyDataSetChanged();
}
} /**ViewPage切换的事件监听
* http://blog.csdn.net/zhengxiaoyao0716/article/details/48805703*/
public class MyOnPageChangeListener implements ViewPager.OnPageChangeListener
{
/* 这个方法在手指操作屏幕的时候发生变化。有三个值：0（END）,1(PRESS) , 2(UP) 。
* arg0 ==1的时辰默示正在滑动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做。
*/
@Override
public void onPageScrollStateChanged(int state) {
} /* 用户一次滑动，这个方法会持续调用N多次，直至某个View充满视图并且稳定住！（但具体调用次数也不确定，尤其在首末位置向边界滑动，如果Log一下，会看到出现调用不确定次数的打印，且positionOffset都为0.
* position 当前页面，及你点击滑动的页面【position为当前屏幕上所露出的所有View的Item取下限。比如，当前Item为3，轻轻向右滑动一下，2露出了一点点，那么position就是2；而如果向左滑动，露出的4比3大，那么只要3没完全隐匿，那么position就一直按照3算。】
* positionOffset 当前页面偏移的百分比【positionOffset是当前Item较大的那个View占视图的百分比，0-1，没有负数！当滑动结束时，onPageScrolled();最后一次调用，positionOffset为0。】
* positionOffsetPixels 当前页面偏移的像素位置
*/
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } /* 这个方法有一个参数position，代表哪个页面被选中。
* 当用手指滑动翻页的时候，如果翻动成功了（滑动的距离够长），手指抬起来就会立即执行这个方法
* position就是当前滑动到的页面。
* 如果直接setCurrentItem翻页，那position就和setCurrentItem的参数一致，这种情况在onPageScrolled执行方法前就会立即执行。
*/
@Override
public void onPageSelected(int position) {
currentItemIndex = position;
showPageNum();//设置页码
}
} }
混淆配置
无
参考资料
暂时空缺
项目demo下载地址
https://github.com/haiyuKing/ViewPagerWithViewDemo
ViewPagerWithViewDemo【ViewPager和View搭配以及演示获取里面的值和CheckBox单选效果】的更多相关文章
- jquery获取选中的值和设置单选扭选中
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...
- ViewPager和View的事件响应规则
案例背景: 当我们实现viewpager的自动切换界面操作的时候,如果需要增加点击图片viewpager停止自动切换,松开手指viewpager自动切换又继续执行的逻辑,正常思维下实现代码如下所示: ...
- 20ViewPager demo1,2:接收ViewPager展示View的使用
Demo1 MainActivity .JAVA package com.qf.day20_viewpager_demo1; import java.util.ArrayList; import ja ...
- MVC控制器获取@Html.DropDownList值
MVC控制器获取@Html.DropDownList值 发表于 2014 年 4 月 1 日 作者 efour — 暂无评论 先贴一段代码,演示@Html.DropDownList的使用. 前台 前台 ...
- MVC教程二：从控制器中获取URL的值
一.从控制器中获取URL的值有三种方式: 1.使用Request.QueryString[] 例如: string value = Request.QueryString["BookId&q ...
- grails项目获取前后台的值
grails项目中前台传值给后台: 加入我有a.gsp这个页面,a.gsp中有如下代码: 姓名:<input type="text" name="xing" ...
- android两种方式获取AsyncTask返回值
获取AsyncTask返回值,在Activity中使用. 引用链接:https://www.oschina.net/code/snippet_725438_49858#72630 [1].[代码] [ ...
- 使用 JavaScript 在下拉列表中获取选定的值
使用 JavaScript 在下拉列表中获取选定的值 演示Demo 使用 JavaScript 在下拉列表中获取选定的值? <!DOCTYPE html> <html> < ...
- robotframework，移动端（小程序）自动化，获取元素属性值的方法
如下图,获取商品价格 属性值显示在content-desc内 传统的get text指定是无法获得到这个元素指定属性的值的 只有通过使用AppiumLibrary.get element attrib ...
随机推荐
- 底层网络技术以及IP编址
网络信息的传输在最底层总是依托于物理介质来进行传输的,这里的传输介质分为两种: 有线介质 导线管(导向媒体).例如:双绞线.同轴电缆.光纤等 无线介质 电磁波(非导向媒体):利用各种波长的电磁波充 ...
- 在echarts里在geojson绘制的地图上展示散点图（气泡）、线集。
先来要实现的效果图: 下方图1是官网的案例:http://www.echartsjs.com/gallery/editor.html?c=scatter-map 下图2是展示气泡类型为pin的效果: ...
- BootStrapTable获取选中数据值并传参至父页面
如何实现以下效果呢? 首先,我们先要了解一下BootStrapTable如何获取选中数据的具体值. 如下图所示,怎样选择任意一行,获取其中的数据 一.首先想要选择任意一行,就得必须先有选择框,选择框是 ...
- BZOJ_4176_Lucas的数论_杜教筛+莫比乌斯反演
BZOJ_4176_Lucas的数论_杜教筛+莫比乌斯反演 Description 去年的Lucas非常喜欢数论题,但是一年以后的Lucas却不那么喜欢了. 在整理以前的试题时,发现了这样一道题目“求 ...
- Django基础四(model和数据库)
上一篇博文学习了Django的form和template.到目前为止,我们所涉及的内容都是怎么利用Django在浏览器页面上显示内容.WEB开发除了数据的显示之外,还有数据的存储,本文的内容就是如何在 ...
- json与javabean之间的转化
接着上一个http://www.cnblogs.com/ya-qiang/p/9009134.html随笔,继续介绍json与java对象之间的转化 一.java普通对象和json字符串的互转 jav ...
- 原生JS封装 toast 弹层，自动关闭
由于公司业务需求,要一个公共toast ,下面是自己封装的一个. css: .toast { text-align: center; min-height: 70px; width: 220px; c ...
- 系统的讲解 - PHP WEB 安全防御
目录 常见漏洞 SQL注入攻击 XSS攻击 SSRF攻击 CSRF攻击 文件上传漏洞 信息泄露 越权 设计缺陷 小结 常见漏洞 看到上图的漏洞是不是特别熟悉,如果不进行及时防御,就会产生蝴蝶效应. 往 ...
- mybatis入门系列三之类型转换器
mybatis入门系列三之类型转换器 类型转换器介绍 mybatis作为一个ORM框架,要求java中的对象与数据库中的表记录应该对应 因此java类名-数据库表名,java类属性名-数据库表字段名, ...
- Vue.js 牛刀小试（持续更新~~~）
一.前言 这个系列的文章开始于今年9月从上一家公司辞职后,在找工作的过程中,觉得自己应该学习一些新的东西,从前几章的更新日期也可以看出,中间隔了很长的时间,自己也经历了一些事情,既然现在已经稳定了,就 ...