Android入门练习——Fragment+TagHost

- 日理万妓 2022-02-14 01:27 229阅读 0赞

这几天学了两个可以用来布局的知识点：TagHost 和 Fragment， 其中TagHost中有些功能已经被淘汰了，因为涉及到比较大的开发时很不灵活；而Fragment是现在比较常用的布局方式。

--------------------

**Fragment**  
Fragment是Android3.0以后引入的，就是用来给大屏幕（例如平板电脑）布局用的，用它可以把屏幕分割成不同的模块，然后各个模块调用activity时可以更方便。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70]Fragment不能单独使用它需要嵌套在Activity中使用，它有自己的生命周期，但是还是会受到它的宿主Activity的声明周期影响，宿主Activity销毁，那么该fragment也会消失。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 1][]

**管理Fragment**  
使用FragmentManager来管理Activity中的fragments，可以通过调用getFragmentManager（）获取FragmentManager。  
使用Fragment时，可以通过用户交互来执行一些动作，比如增加，移除、替换等等。所有这些改变构成一个集合，这个集合被叫做一个transaction。  
每个transaction是一组同时执行的变化的集合。用add（），remove（），replace（）方法把所有需要的变化加进去，然后调用commit（）方法，将这些变化应用。

可以通过静态或动态加载Fragment：  
**静态加载：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 2][]

方法：  
1 在activity\_main.xml中写两个`Fragment`标签，方便之后将两个标签加载到主页面上。

**注意：必须给两个fragment加上id不然加载不出来。**

2 分别创建两个xml布局文件，命名为fragment1和fragment2,将背景设置成不同的颜色，方便区分。  
例如：  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 3][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 4][]  
其中fragment1设置成：

3 声明两个class 分别用来加载fragment1和2  
其中Fragment1.java：

public class Fragment1 extends Fragment{ 
    	@Override
    	public View onCreateView(LayoutInflater inflater, ViewGroup container,
    			Bundle savedInstanceState) { 
    		// 使用inflate对象 将xml布局文件填充为view对象
    		//return super.onCreateView(inflater, container, savedInstanceState);
    		//inflate参数好哒含义
    		//1 布局资源的id
    		//2 填充的根视图
    		//3 是否将载入的视图绑定到根视图
    		return inflater.inflate(R.layout.fragment1, container, false);
    		//View vv=inflater.inflate(R.layout.fragment1, container, false);
    		//return vv;
    	}
    }

4 在MainActivity.java中将两个类分别实例化以后放到layout\_linear.xml中

效果图：  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 5][]

**动态加载：**  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 6][]

其与静态加载的区别就是，不在主页面activity\_main.xml中写两个fragment，二是到Mainactivity.java里面加载。（注意，此时的activity\_main.xml里面也要写id了，如：`android:id="@+id/layout_linear"`）  
比如，需要实现屏幕旋转效果时，可将代码设置如下：

public class MainActivity extends Activity { 
    
        @Override
        protected void onCreate(Bundle savedInstanceState) { 
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //display提供了屏幕大小和密度等信息
            Display dis=getWindowManager().getDefaultDisplay();
           // if(dis.getWidth()>dis.getHeight()){}过时了
            Point size=new Point();
            dis.getSize(size);
            if(size.x>size.y)//x=width y=height
            { 
            	Fragment1 frg1=new Fragment1();
            	this.getFragmentManager().beginTransaction().replace(R.id.layout_linear, frg1);//替换 并加载到activity中
            	//replace也可以是 add 
            }else{ 
            	Fragment2 frg2=new Fragment2();
            	this.getFragmentManager().beginTransaction().replace(R.id.layout_linear, frg2);//替换 并加载到activity中
            	
            }
        }
    }

（此处缺张效果图，我不知道模拟机里面咋条旋转。。。）

--------------------

**TabHost 选项卡**  
显而易见，tabhost就是选项卡。  
效果：  
![20190430143220761.gif][]

activity\_main中：

MainActivity.java中：

public class MainActivity extends ~~TabActivity~~   { //已淘汰
    	private TabHost tabHost;
    	@Override
    	protected void onCreate(Bundle savedInstanceState) { 
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		
    		tabHost=this.getTabHost();
    		TabSpec page1=tabHost.newTabSpec("tab1")//创建新选项卡
    				.setIndicator("标签1")//创建标签内容
    				.setContent(R.id.content1);
    		tabHost.addTab(page1);
    		TabSpec page2=tabHost.newTabSpec("tab1")
    				.setIndicator("标签2")
    				.setContent(R.id.content2);
    		tabHost.addTab(page2);
    		TabSpec page3=tabHost.newTabSpec("tab1")
    				.setIndicator("标签3")
    				.setContent(R.id.content3);
    		tabHost.addTab(page3);
    		
    	}
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70]: /images/20220214/f0e8dd10d1c746f1b027aecc8ad4ac42.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 1]: /images/20220214/50c3e664b2a14ca89c6bff7caa10ce84.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 2]: /images/20220214/a32e7a51b8c34ad48a2529b46a3f1ff8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20190505092623987.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 4]: /images/20220214/da138927e5964149b108969b20a0a27f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 5]: /images/20220214/af51194a3d724639a5604d71b2425dac.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQ1OTI2_size_16_color_FFFFFF_t_70 6]: /images/20220214/8b9320c97dbb415582e3e1077254dcf9.png
[20190430143220761.gif]: /images/20220214/88afa11bcded45239d7eee3e6f990e45.png