本文是我学习安卓的笔记的一部分,查看详细完整笔记请参阅
简介
fragment
中文译为碎片,可以嵌入活动中,让程序充分合理的利用空间,在平板中广泛应用。
基本使用
创建两个布局备用
- A布局中添加一个Button并添加标题
- B布局中添加一个TextView,布局设置背景色和标题
创建两个类,继承自Fragment
类
继承
Fragment
类IDE中包含两种,建议选择support-v4
- 对于Activity中是通过重写
onCreate
方法添加布局合适监听之类,在Fragment中是重写onCreateView
方法 -
onCreateView
中通过inflater
方法来通过布局加载视图,其中主要参数为视图的layout - 为两个布局分别绑定两个Fragment类
修改主布局
- 通过
<fragment/>
标签来在布局中添加fragment -
特别支出
name
属性来表明fragment绑定的类的路径,路径要包含包名
具体代码
left_fragment.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="BUTTON"/>
</LinearLayout>
LeftFragment 类
public class LefFrament extends Fragment {
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.left_fragment,container,false);
}
}
right_fragment.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00ff00">
<TextView
android:id="@+id/text_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:textSize="12sp"
android:text="This is right frament"
/>
</LinearLayout>
RightFragment 类
public class RightFrament extends Fragment {
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.right_fragment,container,false);
}
}
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<fragment
android:id="@+id/left_fragment"
android:name="com.example.qinxinghua.fragmentprac.LefFrament"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<fragment
android:id="@+id/right_fragment"
android:name="com.example.qinxinghua.fragmentprac.RightFrament"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
/>
</LinearLayout>
运行结果
动态改变fragment
我们在上面的代码的基础上进行修改,因为需要动态的改变,所以我们在创建一个fragment,布局为一个TextView,用背景色加以区别
再创建一个fragment
- 创建一个
anther_right_fragment.xml
布局,布局和right_fragment.xml
保持一致,只是将背景色变为黄色 - 绑定一个
AnotherRightFragment
的类,不再赘述
修改主布局
思路:将先前的右边的fragment改为<FrameLayout>的布局,属性与先前的右布保持一致,我个人认为是通过布局提供一种占位,后续中将需要的组件进行添加
修改主活动
-
通过
implements View.OnClickListener
的方式进行监听,PS:
个人认为这种添加监听的好处是可以将监听方法放在一处,然后根据id等进行组件区分 -
给左边的fragment的button添加监听方法
-
核心步骤:设置交换方法分为以下步:
- 参数类型为Fragment类型
- 通过
getSupportFragmentManager
方法获取FragmentManager
- 通过
FragmentManager
的beginTransaction
开启一个事务 - 通过事务的
replace
对容器内的组件进行改变- 第一参数为容器id
- 第二参数为组件实例,本例中为Fragment实例
- 不要忘记提交事务,通过
commint
方法
具体代码
another布局和类不在赘述
主布局代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<fragment
android:id="@+id/left_fragment"
android:name="com.example.qinxinghua.fragmentprac.LefFrament"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<FrameLayout
android:id="@+id/right_fragment"
android:name="com.example.qinxinghua.fragmentprac.RightFrament"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1">
</FrameLayout>
</LinearLayout>
主活动代码
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = (Button)findViewById(R.id.button);
button.setOnClickListener(this);
replaceFragment(new RightFrament());
}
@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.button:
replaceFragment(new AntherRightFragment());
break;
default:
break;
}
}
/**
* 核心方法
*/
private void replaceFragment(Fragment fragment) {
FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
fragmentTransaction.replace(R.id.right_fragment,fragment);
fragmentTransaction.commit();
}
}
效果图
Fragment 模拟返回栈
思路:将上例中的布局容器当做一种栈结构,进后进先出,在界面
back
返回过程中在将组件出栈。
实现:只需调用事务的
addToBackStack
的方法,参数为一个字符串的名字,用于描述栈的状态,在不需要描述的时候可以传入null
/**
* 核心方法
*/
private void replaceFragment(Fragment fragment) {
FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
fragmentTransaction.replace(R.id.right_fragment,fragment);
fragmentTransaction.addToBackStack(null);
fragmentTransaction.commit();
}
效果图
Fragment 通信
-
Activity 与 Fragment
主要是通过FragmentManager
的fingFragmentById
方法,通过传入具体的id获取fragment -
Fragment 与 Activity
主要是通过Fragment的getActivity
方法来获取Activity的Context实例 -
Fragment 与 Fragment 之间
就是对以上两种方式的融合,先 F1 通过getActivity
获取到Activity,然后Activity在通过FragmentManager
的fingFragmentById
方法获取其他的Fragment
使用限定符
场景:灵活的决定在不同屏幕尺寸或者不同的分辨率下使用不同的布局
修改代码
-
将项目复制一份备用
-
修改
activity_main.xml
的代码,仅保留left_fragment
,并且让其占满整个屏幕 -
新建
layout-large
文件夹,
注:在AS中左边的项目结构如果选择为Android
样式,那么layout-large
文件夹是不显示的,应切换到到Project
样式,当时layout-large
文件夹有资源文件的时候,Android
样式下就能显示文件了 -
在
layout-large
文件夹下新建一个名字也是activity_main.xml
的布局,在布局中引入两个Fragment,代码和前例中一样 -
修改主活动中的代码,屏蔽掉
replaceFragment
的方法实现
在手机和平板不同的设备中分别运行
手机效果图 平板效果图常见限定符
根据尺寸区别 根据分辨率区别最小宽度限定符
由于很难界定
large
到底是多大,或者没有办法界定一个准确的尺寸,故最小宽度限定符
能更好的解决这样问题
- 概念:
最小宽度限定符
允许对屏幕宽度指定一个最小值(以dp为单位),并以此值为临界点,大于或者小于此值都会加载不同的布局
网友评论