对于fragment,经常涉及不同屏幕尺寸和不同的排版风格。我们在基础小例子上做一下改动,在横排的时候,仍是现实左右两个fragment,在竖排时,如下图显示:
屏幕上只显示一个fragment,点击列表上的数目,进入到简介的activity。下面介绍实现的方式。
设置横排和竖排的不同排版风格
在 Pro Android学习笔记(四):了解Android资源(下)的“资源和配置的变更”中,我们介绍了如何同资源文件夹名设置不同资源。缺省的layout/fragment_basic.xml,设置为竖排格式,只含有1个fragment,如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<fragment class="com.wei.flowingflying.pro.ProFragment.TitleFragment"
android:id="@+id/titles"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
对于layout-land/fragment_basic.xml,即横排的格式,即原小例子的xml文件,含有2个fragment,这里不再重复。
改写代码
在Activity中,通过setContentView(),根据xml中fragment的class属性,自动调用TitleFragment,在TitleFragment中通过调用acitivity的showDetail(int index),来具体显示书的简介。
private int mCurCheckPosition = -1;
原来设置0,现在该为-1,目的是区分是用户互动选择书目录,还是在横屏是缺省显示的书目简介的序号。
对于FragmentBasicTest,也进行一些修改,具体如下:
public class FragmentBasicTest extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
setContentView(R.layout.fragment_basic);
}
//判断是否需要显示多个fragment
private boolean isMultPane(){
return getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE;
}
public void showDetails(int index){
if(isMultPane()){ //显示左右两个fragement时,代码不变
if(index < 0 )
index = 0;
DetailFragment detail = (DetailFragment)getFragmentManager().findFragmentById(R.id.details);
if(detail == null){
addFirstFragment(index);
}else if(detail.getShowIndex() != index ){
addFragmentToStack(index);
}
}else{ //只显示一个fragment时,唤起显示简介内容的Activity的
if(index < 0)
return;
Intent intent = new Intent();
intent.setClass(this, DetailActivity.class);
intent.putExtra("index",index);
startActivity(intent);
}
}
……
}
DetailActivity可以用xml设置具体的的布局,向普通的activity那样,将书简介内容呈现而用户。但是,我们已经有了相关显示处理的DetailFragment,我们应该充分利用,以保证代码的一致性。
public class DetailActivity extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//当用户从竖屏模式切换到横屏,检测到模式为横屏是,退出activity,退到上一个activity中,显示横屏的双fragment。否则我们只会看到这个activity转向。
if(getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE ){
finish();
return;
}
Intent intent = getIntent();
if(intent == null){
finish();
return;
}
//在Acitvity中加入DetailFragment
DetailFragment detail = DetailFragment.newInstance(intent.getExtras());
getFragmentManager().beginTransaction()
.add(android.R.id.content, detail) //android.R.id.content是activity的top-level的view容器,将fragment与之关联即可。
.commit();
}
}
在FragmentTransaction的add(int containerViewID, Fragment fragment)中,容器ID使用了android.R.id.content,这将获得view的根元素(root element of a view)。
本博文涉及的例子代码,可以在Pro Android学习:Fragment中下载。
相关链接: 我的Android开发相关文章