CriminalIntent项目开发

Posted 2020-10-09

fragment的使用

• 本项目我们引用了fragment来管理UI，这样可以绕开android系统activity使用规则的限制。
• fragment是一种控制器对象。
• activity可以委派它执行任务，这些任务通常就是管理用户界面，受管理的用户界面可以是整个屏幕或者一部分。

---

首先我们会开发应用的记录明细部分界面如下图

项目需要创建的类与fragment文件如下

---

• 首先我们需要添加布局文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

• 我们需要添加一个CrimeFragment来获取FragmentManger与fragment来教给他管理

```
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_crime_pager);
UUID crimeId = (UUID) getIntent().getSerializableExtra(EXTRA_CRIME_ID);

    mViewPager = (ViewPager) findViewById(R.id.crime_view_pager);

    mCrimes = CrimeLab.get(this).getCrimes();
    FragmentManager fragmentManager = getSupportFragmentManager();
    mViewPager.setAdapter(new FragmentStatePagerAdapter(fragmentManager){

        @Override
        public Fragment getItem(int position){
            Crime crime = mCrimes.get(position);
            return CrimeFragment.newInstance(crime.getId());
        }

        @Override
        public int getCount(){
            return mCrimes.size();
        }
    });

    for (int i = 0; i < mCrimes.size(); i++){
        if (mCrimes.get(i).getId().equals(crimeId)){
            mViewPager.setCurrentItem(i);
            break;
        }
    }
}

}

***
###更新CriminalIntent应用来支持显示crime列表并且能显示图片

- 项目界面如下
![](http://images2017.cnblogs.com/blog/1231795/201709/1231795-20170929210429684-1213762505.png)

- 创建单列并生成100个随机crime

public class CrimeLab {
private static CrimeLab sCrimeLab;

private List<Crime>mCrimes;

public static CrimeLab get(Context context){
    if (sCrimeLab == null){
        sCrimeLab = new CrimeLab(context);
    }
    return sCrimeLab;
}
private CrimeLab(Context context){
    mCrimes = new ArrayList<>();
    for (int i=0; i<100; i++){
        Crime crime = new Crime();
        crime.setTitle("Crime#"+ i);
        crime.setSolved(i % 2 == 0);//Every other one
        mCrimes.add(crime);
    }
}

public void addCrime(Crime c){
    mCrimes.add(c);
}

public List<Crime> getCrimes(){
    return mCrimes;
}
public Crime getCrime(UUID id){
    for (Crime crime : mCrimes){
        if (crime.getId().equals(id)){
            return crime;
        }
    }
    return null;
}

}

-添加通用fragment托管布局

####使用fragment argument

- 我们现在需要关联CriminalIntent应用的列表与明细部分
- 附加argument bundle给fragment，需要调用tragment.setArgument(Bundle)方法。而且还必须在fragment方法创建后、添加给activity前完成

public static CrimeFragment newInstance(UUID crimeId){
Bundle args = new Bundle();
args.putSerializable(ARG_CRIME_ID,crimeId);

    CrimeFragment fragment = new CrimeFragment();
    fragment.setArguments(args);
    return fragment;
}

```

---

使用ViewPager

• 最后我们为UI添加Vi额为Pager，让用户可以左右滑动屏幕，切换查看不同列表项的明细页面

• 创建CrimePagerActivity

···
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_crime_pager);}
···

-设置pager adapter

···
mViewPager = (ViewPager) findViewById(R.id.crime_view_pager);

    mCrimes = CrimeLab.get(this).getCrimes();
    FragmentManager fragmentManager = getSupportFragmentManager();
    mViewPager.setAdapter(new FragmentStatePagerAdapter(fragmentManager){

        @Override
        public Fragment getItem(int position){
            Crime crime = mCrimes.get(position);
            return CrimeFragment.newInstance(crime.getId());
        }

        @Override
        public int getCount(){
            return mCrimes.size();
        }
    });

···

• 最后界面如下所示