我想做一个测验申请。到目前为止,我有3项活动 - 家庭,测验,得分。由于测验活动包含多个等效视图(图像标题,问题和4个答案按钮),我做了一些阅读并决定了
ViewPager
FragmentStatePagerAdapter
显示诀窍。所以我制作了一个xml
模板并夸大了几个测试视图,看起来一切都很好,直到我开始处理用户交互。
我想模拟一个切换按钮,每个问题只有一个正确答案,因此选择一个按钮应该取消选择前一个按钮(如果有的话)。按下按钮后,我更改Question model
,然后找到findViewById
的所有4个按钮并重置其滤镜。然后我将该过滤器设置回我选择的按钮。要确定要更新的问题模型,请使用我在模板根视图中设置的当前fragment
位置(使用setTag
,在片段的onCreate中)。
这就是我称之为碎片的方式:
public Fragment getItem(int position) {
Question question = Repository.findById(position);
int correctAnswerBtnId;
switch (question.getCorrectAnswerIndex()) {
case 0: correctAnswerBtnId = R.id.quiz_answer_0_btn; break;
case 1: correctAnswerBtnId = R.id.quiz_answer_1_btn; break;
case 2: correctAnswerBtnId = R.id.quiz_answer_2_btn; break;
case 3: correctAnswerBtnId = R.id.quiz_answer_3_btn; break;
this.ACTIVITY_ROOT.setTag(question.getID());
Fragment fragment = new QuestionFragment();
Bundle args = new Bundle();
args.putSerializable(QuestionFragment.QUESTION, question);
fragment.setArguments(args);
return fragment;
}
我在QuestionCragment onCreateView上按照文档:
public View onCreateView(
LayoutInflater inflater,
ViewGroup container,
Bundle questionData) {
this.rootView = inflater.inflate(
R.layout.layout_question_template,
container,
false);
Bundle args = getArguments();
this.question = (Question) args.getSerializable(QuestionFragment.QUESTION);
populateInflatable();
rootView.findViewById(R.id.layout_question_template_root).setTag(this.question.getID());
return rootView;
}
在populateInflatable
我使用this.rootView
到fintViewById
并用我的问题数据填充它。然后我更改按钮的颜色,如果从问题中选择了一个。
点击按钮,我拨打selectAnserButton
:
public void selectAnswerButton(View selectedButton) {
int questionId =
(int) this.activityRoot.findViewById(
R.id.layout_question_template_root).getTag(); //??
unSelectAllButtons();
changeColor(selectedButton);
Repository.findById(questionId).selectAnswer(selectedButton.getId());
}
unSelectAllButtons
代表四个按钮上的buttonToUnSelect.getBackground().clearColorFilter();
。并且Repository
只是一个static
类,其中包含示例问题数据。
当我有一个以上的观点时,这一切都非常错误。在每个片段上,我使用相同的视图ID来扩展相同的xml
,因为我已经定义了它们。正如我现在所理解的那样,findViewById
调用不是一个,而是从我当前的所有视图中获取该ID,也来自我的上一个和下一个fragment
。因此,每当我想要选择当前的fragment
视图时,我也会修改上一个和下一个fragments
中的相同视图。你可以想象这是怎么回事。这让我觉得我有一个根本性的错误,因为我认为应该有多个View
具有相同的ID
。
我真的不明白我应该如何使用ViewPager来做到这一点。在这一点上,感觉就像我试图制作木雕,而是我正在破坏框架。使用ViewPager必须有更好的方法。
已解决:感谢Soo Chun Jung指点我的答案。简而言之,让它为我工作的是:
Question model
将Bundle
ID传递给每个片段。ArrayMap
内,片段位置为key
,片段为value
。selectAnswer
函数中获取每个单独的片段现在很简单:首先使用myViewPager.getCurrentItem
获取当前片段的位置,然后调用getter
函数,该函数返回片段现在的位置。答案 0 :(得分:1)
希望它有用〜
适配器
class CustomAdapter extends FragmentPagerAdapter {
private final String[] TITLES = {"A", "B"};
private final String TAG = CustomAdapter.class.getSimpleName();
private final ArrayList<Fragment> mFragments;
private final FragmentManager fm;
public CustomAdapter(FragmentManager fm) {
super(fm);
mFragments = new ArrayList<>(getCount());
this.fm = fm;
}
@Override
public CharSequence getPageTitle(int position) {
return TITLES[position];
}
@Override
public int getCount() {
return TITLES.length;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
Log.d(TAG, "destroyItem position = " + position);
mFragments.remove(object);
super.destroyItem(container, position, object);
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
Object object = super.instantiateItem(container, position);
mFragments.add((Fragment) object);
return object;
}
@Override
public Fragment getItem(int position) {
Log.d(TAG, "getItem position = " + position);
if (position == 0) {
return MyFragmentA.newInstance();
} else if (position == 1) {
return MyFragmentB.newInstance();
}
return null;
}
public MyFragmentA getMyFragmentA() {
synchronized (mFragments) {
for (Fragment f : mFragments) {
if (f instanceof MyFragmentA) {
return (MyFragmentA) f;
}
}
}
return null;
}
public MyFragmentB getMyFragmentB() {
synchronized (mFragments) {
for (Fragment f : mFragments) {
if (f instanceof MyFragmentB) {
return (MyFragmentB) f;
}
}
}
return null;
}
}
片段类
public class MyFragmentB extends Fragment {
...
public updateYourUI(){
//update something
}
}
用法的
mPager = (CustomViewPager) findViewById(R.id.pager);
mAdapter = new CustomAdapter(getChildFragmentManager());
mPager.setAdapter(mAdapter);
mAdapter.getMyFragmentB().updateYourUI();
以下您的评论如果您只有一种片段。你可以像这样修改一些功能。
public static MyFragmentB newInstance(int ID) {
MyFragmentB fragment = new MyFragmentB();
Bundle bundle = new Bundle();
bundle.putInt("ID", ID);
fragment.setArguments(bundle);
return fragment;
}
@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
myID = getArguments().getInt("ID");
....
}
public int getMyID() {
return myID;
}
public MyFragmentB getMyFragmentByID(String id) {
synchronized (mFragments) {
for (Fragment f : mFragments) {
if (f instanceof MyFragmentB) {
MyFragmentB temp = (MyFragmentB)f;
if(temp.getID.equals(id){
return (MyFragmentB) f;
}
}
}
}
return null;
}