CriminalIntent项目开发--前篇

CriminalIntent项目开发--前篇

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

---

使用fragment来管理UI

• 本项目我们引用了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列表并且能显示图片

• 项目界面如下
  

• 创建单列并生成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托管布局

<?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"/>

---

使用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();
        }
    });

···

• 最后界面如下所示
  

转载于:https://www.cnblogs.com/wypboke/p/7612616.html