【转】 Pro Android学习笔记(四十):Fragment(5):适应不同屏幕或排版

目录(?)[-]

  1. 设置横排和竖排的不同排版风格
  2. 改写代码

对于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开发相关文章

时间: 2024-08-02 02:48:00

【转】 Pro Android学习笔记(四十):Fragment(5):适应不同屏幕或排版的相关文章

【转】 Pro Android学习笔记(十九):用户界面和控制(7):ListView

目录(?)[-] 点击List的item触发 添加其他控件以及获取item数据 ListView控件以垂直布局方式显示子view.系统的android.app.ListActivity已经实现了一个只含有一个ListView的Activity,并通过setListAdapter()方法来管理adapter.我们可以通过扩展ListActivity来实现. 我们要在整个屏幕上显示ListView,我们直接继承使用ListActivity,不需要在定义自己的layout XML文件,我们在上一学习中

【转】Pro Android学习笔记(十四):用户界面和控制(2):Text类控制

目录(?)[-] TextView 例子1在XML中设置autoLink属性 例子2在代码中设置autoLink属性 EditText AutoCompleteTextView MultiAutoCompleteTextView TextView TextView之前已经使用过很多,直接显示,比较简单.但是我们可以同“autoLink”属性,使用户可以点击一个网络连接.电话号码.邮箱地址.地图地址,通过系统应用打开它们.除此之外,还有其他的font属性,minLines,maxLines等等,都

Pro Android学习笔记(十二):了解Intent(下)

解析Intent,寻找匹配Activity 如果给出component名字(包名.类名)是explicit intent,否则是implicit intent.对于explicit intent,关键就是component 名字,在<intent-fliter>中声明的其他属性被忽略.对于implicit intent,则根据action,category和data来进行匹配.然而一个intent fliter中可以声明多个actions,多个categories,多个data属性,因此可以满

Pro Android学习笔记(十):了解Intent(上)

Android引入了Intent的概念来唤起components,component包括:1.Activity(UI元件) 2.Service(后台代码) 3.Broadcast receiver(处理广播消息的代码) 4.Content provider(抽象数据的代码) Intent基本含义 intent是通知平台处理(唤起)的动作.Android唤起的动作将取决于注册了什么动作.例如我们有个简单的Activity:IntentBaiscViewActivity.在AndroidManife

【转】Pro Android学习笔记(十):了解Intent(上)

目录(?)[-] Intent基本含义 系统的Intent Android引入了Intent的概念来唤起components,component包括:1.Activity(UI元件) 2.Service(后台代码) 3.Broadcast receiver(处理广播消息的代码) 4.Content provider(抽象数据的代码) Intent基本含义 intent是通知平台处理(唤起)的动作.Android唤起的动作将取决于注册了什么动作.例如我们有个简单的Activity:IntentBa

【转】Pro Android学习笔记(十八):用户界面和控制(6):Adapter和AdapterView

目录(?)[-] SimpleCursorAdapter 系统预置的layout ArrayAdapter 动态数据增插删排序 自定义TextView风格 其他Adapter AdapterView不仅仅是UI,同时还将数据关联到UI上,例如在手机中经常使用的ListView就是AdapterView. ListView.GridView.Spinner和Gallery都是AdapterView,AdapterView是ViewGroup,也就是容器,含有多个UI布局相同的子view.对于Ada

【转】Pro Android学习笔记(二五):用户界面和控制(13):LinearLayout和TableLayout

目录(?)[-] 布局Layout 线性布局LinearLayout 表格布局TableLayout 布局Layout Layout是容器,用于对所包含的view进行布局.layout是view的子类,所以可以作为view嵌入到其他的layout中.Android的layout有LinearLayout.TableLayout,RelativeLayout.FrameLayout.GridLayout. 线性布局:LinearLayout 这是最常用的,有anroid:orientation来确

【转】 Pro Android学习笔记(四二):Fragment(7):切换效果

目录(?)[-] 利用setTransition 利用setCustomAnimations 通过ObjectAnimator自定义动态效果 程序代码的编写 利用fragment transaction进行切换,很方便提供切换的效果. 利用setTransition() 在Pro Android学习笔记(三九):Fragment(4):基础小例子-续的“Step 4:实现showDetail(int index),如何管理fragment”中,介绍了如何在容器FrameLayout中通过frag

Android学习笔记(十四)——在运行时添加碎片(附源码)

在运行时添加碎片 点击获取源码 将UI分割为多个可配置的部分是碎片的优势之一,但其真正强大之处在于可在运行时动态地把它们添加到活动中. 1.使用上一篇创建的Fragments项目,在main.xml文件中注释掉两个<fragment>元素: 2.在FragmentActivity.java中添加下面的代码: FragmentManager fragmentManager = getSupportFragmentManager();//向活动添加碎片 FragmentTransaction fr