重写用fragmentDemo实现效果图

最新推荐文章于 2021-02-20 19:28:49 发布
最新推荐文章于 2021-02-20 19:28:49 发布
阅读量468 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laksg2009/article/details/42529681
版权

话不多说开始干活:

此demo为4个fragment,下面的不是Button而是用布局写的.

先把下面(消息,联系人,动态,设置)的布局写好吧看activity_main.xml

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"</span></div>    xmlns:tools="http://schemas.android.com/tools"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">    android:layout_height="match_parent"</span></div>    android:layout_width="match_parent"
    android:orientation="vertical"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">        android:id="@+id/fg0"</span></div>    tools:context="com.lc.MainActivity" >

  <!--   <fragment
        android:layout_width="match_parent"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">        android:layout_width="match_parent"</span></div>        android:layout_height="0dp"
        android:layout_weight="1" /> -->

    <LinearLayout
        android:layout_height="wrap_content"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">            android:id="@+id/rl0"</span></div>        android:background="@drawable/tab_bg"
        android:orientation="horizontal" >

        <RelativeLayout
            android:layout_width="0dp"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:layout_width="wrap_content"</span></div>            android:layout_height="match_parent"
            android:layout_weight="0.1" >

            <ImageView
                android:id="@+id/iv0"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:id="@+id/tv0"</span></div>                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:src="@drawable/message_selected" />

            <TextView
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:layout_centerHorizontal="true"</span></div>                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/iv0"
                android:text="消息"
                android:textColor="#FFFFFF" />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:id="@+id/iv1"</span></div>        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="0.1" >

            <ImageView
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:id="@+id/tv1"</span></div>                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:src="@drawable/contacts_selected" />

            <TextView
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">        </RelativeLayout></span></div>                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/iv1"
                android:layout_centerHorizontal="true"
                android:text="联系人"
                android:textColor="#FFFFFF" />

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:layout_width="wrap_content"</span></div>        <RelativeLayout
            android:id="@+id/rl2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="0.1" >

            <ImageView
                android:id="@+id/iv2"
                android:layout_height="wrap_content"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:layout_below="@id/iv2"</span></div>                android:layout_centerHorizontal="true"
                android:src="@drawable/news_selected" />

            <TextView
                android:id="@+id/tv2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:layout_width="wrap_content"</span></div>                android:text="动态"
                android:textColor="#FFFFFF" />
        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl3"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="0.1" >

            <ImageView
                android:id="@+id/iv3"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                android:layout_below="@id/iv3"</span></div>                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:src="@drawable/setting_selected" />

            <TextView
                android:id="@+id/tv3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"></LinearLayout></span></div>                android:text="设置"
                android:textColor="#FFFFFF" />
        </RelativeLayout>
    </LinearLayout>
<div style="text-align: center;"></div>

现在运行下吧,运行完后把注解掉的fragment打开来.(这里要改下东西,我写错了,搞到我查了10几分钟BUG,把fragment改成FrameLayout)

接下来开始写四个类继承fragment(我只写一个,其他三个一模一样的)

其中有涉及到inflater这个函数的使用,我是看这篇博客理解的inflater函数参数简介

MessageFragment.java文件内容

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">public class MessageFragment extends Fragment {</span></div>	/**
	 * 
	 */
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">	public View onCreateView(LayoutInflater inflater, ViewGroup container,</span></div>			Bundle savedInstanceState) {
		//注解父类有参构造方法,否则执行不到我们下面的代码
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">		//方法 inflate(int resource, ViewGroup root, boolean attachToRoot) 里面的参数大致意思是</span></div>		//return super.onCreateView(inflater, container, savedInstanceState);
		//resource：需要加载布局文件的id，意思是需要将这个布局文件中加载到Activity中来操作。
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">		//attachToRoot：是否将root附加到布局文件的根视图上</span></div>		//root：需要附加到resource资源文件的根控件，什么意思呢，就是inflate()会返回一个View对象，如果第三个参数attachToRoot为true，就将这个root作为根对象返回.
		//inflater参数简介http://www.cnblogs.com/yuxing/archive/2012/02/18/2357740.html
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></div>		View inflate = inflater.inflate(R.layout.messagefragment_main, container, false);
		return inflate;
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">	}</span></div>

messagefragment_main.xml布局文件内容

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"</span></div>    android:layout_width="match_parent"
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">    android:orientation="vertical"</span></div>    android:layout_height="match_parent"
    <TextView 
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">        android:layout_height="wrap_content"</span></div>        android:layout_width="wrap_content"
        android:text="message"
        />
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"></LinearLayout></span></div>
最后在MainActivity.java写入 

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">package com.lc;</span></div>
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">import android.app.Activity;</span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">import android.app.FragmentManager;</span></div><div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">import android.app.FragmentTransaction;</span></div>import android.graphics.Color;
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">import android.view.View;</span></div>import android.os.Bundle;
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">import android.view.Window;</span></div>import android.view.View.OnClickListener;
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">import com.lc.fragment.MessageFragment;</span></div>import android.widget.ImageView;
import android.widget.TextView;

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">import com.lidroid.xutils.view.annotation.ViewInject;</span></div>import com.lidroid.xutils.ViewUtils;

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">	@ViewInject(R.id.messageLayout)</span></div>public class MainActivity extends Activity implements OnClickListener {
	//获取rl0实例
	View messageLayout;
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">	@ViewInject(R.id.message_text)</span></div>	//获取iv0实例
	@ViewInject(R.id.message_image)
	ImageView messageImage;
	//获取tv0实例
	TextView messageText;
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">	private MessageFragment messageFragment;</span></div>	//用于对fragmentmanager进行管理
	private FragmentManager fragmentManager;
	//MessageFragment类实例
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">		// 请求系统特征,特征为无标题FEATURE_NO_TITLE记住一定要比setContentView否则报错,自己试下报什么错</span></div>	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">		//获取fragmentmanager管理实例</span></div>		setContentView(R.layout.activity_main);
		// 我的理解是注册嘻嘻
		ViewUtils.inject(this);
		// 初始化布局
		messageLayout.setOnClickListener(this);
		fragmentManager = getFragmentManager();
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">			setTabSelection(0);</span></div>		//设置打开软件时的起始页为第一页
		setTabSelection(0);
	}
	
	public void onClick(View v) {
		//根据ID匹配相应的实例.
		switch (v.getId()) {
		//匹配到messagelayout
		case R.id.messageLayout:
			//函数内容在下面
			break;
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">	 */</span></div>		case 1:
			setTabSelection(1);
			break;
		case 2:
			setTabSelection(2);
			break;
		case 3:
			setTabSelection(3);
			break;
		default:
			break;
		}
	}
	/**
	 * 根据ID来显示要显示的页面从0开始
	 * @param i
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">		FragmentTransaction beginTransaction = fragmentManager.beginTransaction();</span></div>	private void setTabSelection(int i) {
		//这里得先清空下下面4个东西的状态先,说是清空其实就是把它们的属性改了而已.
		clearSelection();
		//fragmentmanage管理类开启fragment事务
		//这步先把所有fragment界面都隐藏起来先.
		hideFragments(beginTransaction);
		//看传进来的ID  case到哪个结果
		switch (i) {
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">			//为了节省资源就判断下是否创建了实例,一启动程序时就会运行到这里来,因为我们设置了默认页就是这里了</span></div>		//0就是第一个页面
		case 0:
			//因为都已经来到第一个页面了所以下面的4个图标的状态也都设置相应的图片了,从而给人一种按下去了的错觉
			messageImage.setImageResource(R.drawable.message_selected);
			messageText.setTextColor(Color.WHITE);
			if (messageFragment == null) {
				//创建messageFragment实例
<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">		case 1:</span></div>				messageFragment = new MessageFragment();
				//这里不太会表达,就认为是用事务来把messageFragment这个实例添加进FragmentLayout里
				beginTransaction.add(R.id.fg0, messageFragment);
			}else{
				//通过事务显示
				beginTransaction.show(messageFragment);
			}
			break;

			break;
		case 2:

			break;
		case 3:

<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">		messageText.setTextColor(Color.parseColor("#FFFFFF"));</span></div>			break;
		default:
			break;
		}
<pre name="code" class="java">beginTransaction<span style="font-family: Arial, Helvetica, sans-serif;">.commit();</span>
}private void hideFragments(FragmentTransaction beginTransaction) {//通过事务影藏beginTransaction.hide(messageFragment);}private void clearSelection() {//其实就是把属性给设置成没有点击的错觉.messageImage.setImageResource(R.drawable.message_unselected);}<div style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">}</span></div> 
 

 

 
 注:我晕死,修改文章全是源代码文件看不懂呀,我在这里附加上来吧 

 

 
 //获取iv0实例
 @ViewInject(R.id.message_image)
 ImageView messageImage;与ImageView messageImage = (ImageView)findViewById(R.id.message_image);效果是一样的,只是我太懒惰用了开源框架. 
 
 

 

 
 
 

 


  一点小小笔记:: 
 background会根据ImageView组件给定的长宽进行拉伸，而src就存放的是原图的大小，不会进行拉伸。src是图片内容（前景），bg是背景，可以同时使用。 

 

 
 
 

 

 

 


  其实写这文章挺纠结的,我也是从人家那里看到的博客,可是原博客我没找了,所以自己写了,且修改了一点点内容,并不是原创. 

 

 
 
 

 
 

 


 
 


 
 


 

                

        

        

    

  


    

      

        

            

              
                
                  laksg2009
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Fragmentdemo

				
			

			

				

					12-23
				

			

		

		

			
				
一个演示Fragment的demo，里面有图片福利哦！

			
		

	



                

              
                



	

		

			

				
					
FragmentDemo

				
			

			

				

					01-24
				

			

		

		

			
				
简单介绍FragmentDemo的使用，后面还会有一篇博客，详细应用碎片的使用方法。

			
		

	



                


  
              

                


	

		

			

				
					
Fragment demo

				
			

			

				

					jackie_gnu的专栏
				

				

					08-11
					
					2133
					
				

			

		

		

			
				
left fragment:
package com.easymorse.demos;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.Layo

			
		

	





	

		

			

				
					
fragment demo

				
			

			

				

					lqfsharks的专栏
				

				

					01-08
					
					359
					
				

			

		

		

			
				
一.support包实现

public 
class MainActivity extends FragmentActivity {
    @Override
    protected
void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        r

			
		

	



		

			
		



	

		

			

				
					
viewpager+fragment实现自定义view定时轮转效果

				
			

			

				

					12-26
				

			

		

		

			
				
在Android开发中，`ViewPager`和`Fragment`的结合使用是一种常见的展示多个页面的方式，而通过添加定时轮转效果，可以实现类似轮播图的功能。本文将深入探讨如何利用`ViewPager`、`Fragment`以及自定义`PagerAdapter...

			
		

	





	

		

			

				
					
包含多种特效的demo,实现多种动画效果，抽屉效果、多种自定义的view、还有输入法.zip

				
			

			

				

					08-10
				

			

		

		

			
				
这个压缩包文件“包含多种特效的demo,实现多种动画效果，抽屉效果、多种自定义的view、还有输入法.zip”显然是一款集成了多种Android开发技术的示例项目。让我们来详细探讨一下其中可能涉及的知识点。  首先，我们...

			
		

	





	

		

			

				
					
【计算机专业-Andorid项目源码100套之】包含多种特效的demo,实现多种动画效果，抽屉效果、多种自定义的view、还有输

					
最新发布

				
			

			

				

					04-19
				

			

		

		

			
				
在本资源包中，你可以找到如何使用这两种动画实现各种动态效果，如淡入淡出、旋转、缩放等。  其次，抽屉效果是Android应用中常见的交互设计，通常用于侧滑菜单。实现这一效果可以使用SlidingDrawer类（已废弃）或者...

			
		

	





	

		

			

				
					
Tab-with-Fragment:架构：用Fragment替代4.0之前Tab Host的Demo，解决了图片适配、切换选项卡后重新加载等问题

				
			

			

				

					05-02
				

			

		

		

			
				
在Android开发中，Tab Host是早期版本用于实现选项卡切换的一种方式，但在Android 4.0（API级别14）之后，随着Fragment的引入，开发者开始转向使用Fragment来构建更灵活、可维护性更强的界面。本文将详细介绍如何...

			
		

	





	

		

			

				
					
某fragment的demo

				
			

			

				

					weixin_43292547的博客
				

				

					02-20
					
					188
					
				

			

		

		

			
				
项目要求：

宽屏两列显示，左侧显示news的title的list，右侧显示content，点击title切换content；
窄屏一列显示，显示news的title的list，点击title跳转content；

逻辑拆分：

layout里放窄屏的layout，里面只有titleFragment；
layout-large放宽屏的layout，有title的fragmentFragment和contentFragment；
titleFragment的类里，通过判断能否找到contentFragment

			
		

	





	

		

			

				
					
FragmentDemo.zip

				
			

			

				

					10-26
				

			

		

		

			
				
代码为博客实例代码：http://blog.csdn.net/xuemengrui12/article/details/49361841 如有不当之处，请多多指教

			
		

	





	

		

			

				
					
Android Fragment Demo（适合初学者）

				
			

			

				

					红日
				

				

					04-25
					
					2181
					
				

			

		

		

			
				
Android4.0以后引进了新的控件Fragment，使Android的布局显得更

			
		

	





	

		

			

				
					
Fragment学习demo

				
			

			

				

					gulimiaomi的博客
				

				

					11-20
					
					275
					
				

			

		

		

			
				
一、在Activity界面上添加Fragment，更换Activity界面上的Fragment，如从AFragment更换到BFragment

新建一个ContainerActivity，AFragment，BFragment，并创建对应的布局文件fragment_a,fragment_b。

在Fragment中写入onCreateView()，onViewCreated()

布局文件的设置...

			
		

	





	

		

			

				
					
X演算项图重写： Curry-Howard对应与实现模型

				
			

			

				

					
				

			

		

		

			
				
本文主要探讨了项图重写在实现无类型演算X中的应用，以及其与经典的Curry-Howard对应关系。X演算，最初在[10]中被提出，作为一种无替换语言，特别关注于在低级别的功能编程行为描述，它的设计目标是为经典逻辑的微...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值