如何在android

时间:2017-04-14 00:11:53

标签: android android-fragments android-viewpager templating

我想做一个测验申请。到目前为止,我有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.rootViewfintViewById并用我的问题数据填充它。然后我更改按钮的颜色,如果从问题中选择了一个。

点击按钮,我拨打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指点我的答案。简而言之,让它为我工作的是:

  1. 使用Question modelBundle ID传递给每个片段。
  2. 将每个片段存储在ArrayMap内,片段位置为key,片段为value
  3. 从我的selectAnswer函数中获取每个单独的片段现在很简单:首先使用myViewPager.getCurrentItem获取当前片段的位置,然后调用getter函数,该函数返回片段现在的位置。
  4. 现在我有了片段,我可以轻松更改其按钮,因为它们被保存为私有字段,在' onCreateView`方法中分配。

1 个答案:

答案 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;
}