手机平板要兼顾---探究碎片
为了解决平板和手机之间的视觉效果而产生,比如一些界面在手机上看起来非常美观,但在平板电脑上看上去就可能会有控件被过分拉长、元素之间空隙过大等情况。
一、 碎片是什么?
碎片(Fragment)是一种可以嵌入在活动当中的UI片段,他能让程序更加合理和充分地利用大屏幕空间,因而在平板上应用得非常广泛。
在手机中排放一个新闻列表,点击一个标题时,就打开另一个界面显示新闻详情信息。
在平板中,则使用两个碎片,将新闻列表界面和新闻详情页面分别放在两个碎片中,屏幕也就可以被充分利用起来了。
二、 碎片的简单介绍
首先创建一个平板模拟器
1. 碎片的简单用法
(1)新建左侧布局left_fragment.xml,右侧同样
(2)接着新建一个LeftFragment类,右侧同样,将button换成TextView
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="Button"/>
</LinearLayout>
(3)修改activity_main.xml中的代码
<fragment
android:id="@+id/left_fragment"
android:name="com.example.fragmenttest.LeftFragment"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<fragment
android:id="@+id/right_fragment"
android:name="com.example.fragmenttest.RightFragment"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
</LinearLayout>
(4)结果如下所示
2. 动态添加碎片
上面已经学会了在布局文件中添加碎片的方法,我们可以在程序运行时动态地添加到活动中。根据具体情况来动态地添加碎片,可以将程序界面定制的更加多样化。
(1) 在上面的基础上,首先新建一个another_right_fragment.xml,并只是将上面的right_fragment.xml改变颜色
android:background=“#EED5B7”
(2) 新建一个AnthorRightFragment类,代码如下:
public class AnthorRightFragment extends Fragment {
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view =inflater.inflate(R.layout.another_right_fragment,container,false);
return view;
}
}
(3) 在活动.xml主页面中修改写文档部分,代码如下:
(4) 在FragmentLayout中添加内容,从而实现动态添加碎片的功能。修改MainActivity代码。
动态添加碎片分为五步&#