CriminalIntent项目开发--前篇

• CriminalIntent项目是一个坏习惯记录APP，可以通过拍照的手段记录下一些办公室陋习，前篇我们先是能实现添加功能与APP初步界面的完成。

---

使用fragment来管理UI

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

---

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

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

---

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

• 我们需要添加一个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列表并且能显示图片

• 项目界面如下

  

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

public class CrimeLab {    private static CrimeLab sCrimeLab;    private List
    
     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
     
       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();        }    });

···

• 最后界面如下所示