[安卓开发基础 ] fragment 仿微信界面实例

文章参考：

5.1 Fragment基本概述

分类 Android 基础入门教程

http://www.runoob.com/w3cnote/android-tutorial-fragment-base.html

是用App包下的Fragment还是v4包下的：

问题概述：

相信很多朋友在使用Fragment的时候都会遇到下面这种情况：

那么我们到底是使用android.app下的Fragment还是用的android.support.v4.app包下 的Fragment呢？

答：其实都可以，前面说过Fragment是Android 3.0(API 11)后引入的，那么如果开发的app需要 在3.0以下的版本运行呢?比如还有一点点市场份额的2.3!于是乎,v4包就这样应运而生了, 而最低可以兼容到1.6版本！至于使用哪个包看你的需求了,现在3.0下手机市场份额其实已经不多了,随街都是4.0以上的，6.0十月份都出了，你说呢...所以这个时候,你可以直接使用app包下的Fragment 然后调用相关的方法，通常都是不会有什么问题的;如果你Fragment用了app包的, FragmentManager和FragmentTransaction都需要是app包的！要么用全部用app,要么全部用v4, 不然可是会报错的哦!当然如果你要自己的app对于低版本的手机也兼容的话,那么就可以选择用v4包！

使用v4包下Fragment要注意的地方：

• ①如果你使用了v4包下的Fragment,那么所在的那个Activity就要继承FragmentActivity哦! 案例:今天在xml文件中静态地载入fragment,然后重写了Fragment,但是在加载Activity的时候就报错了， 大概的提示就是Fragment错误还是找不到什么的,name属性改了几次还是错!最后才发现是用了 v4的包的缘故,只需让自己的Activity改成FragmentActivity即可!
• ②之前写了下面这段代码，然后报错：  有点莫名其妙啊,Fragment,FragmentManager,FragmentTransaction都是用的v4包啊, Activity也是继承FragmentActivity的啊?都改成app包就可以了,但是这不和我们用v4包的 前提冲突了么?其实也是有解决方法的哈?
  答:只需要把getFragmentManager( )改成getSupportFragmentManager( )就可以了

https://blog.csdn.net/hnyzwtf/article/details/50296013

Android仿微信界面--使用Fragment实现(慕课网笔记)

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

 

1.WeChat_Fragment  

package com.zengjx.fragment;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.zengjx.androidbaseproject.R;

/**
 * Created by Administrator on 2016/2/18.
 */
public class WeChat_Fragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.wechat_fragment,null);
        return view;
    }
}

布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
>
<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/weixin"
    android:scaleType="fitXY"/>
</RelativeLayout>

 

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

2.Me_Fragment

package com.zengjx.fragment;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.zengjx.androidbaseproject.R;

/**
 * Created by Administrator on 2016/2/18.
 */
public class Me_Fragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.me_fragment,null);
        return view;
    }
}

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

3.Message_Fragment

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

package com.zengjx.fragment;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.zengjx.androidbaseproject.R;

/**
 * Created by Administrator on 2016/2/18.
 */
public class Message_Fragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.message_fragment,null);
        return view;
    }
}

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

4. Find_Fragment

package com.zengjx.fragment;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.zengjx.androidbaseproject.R;

/**
 * Created by Administrator on 2016/2/18.
 */
public class Find_Fragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.find_fragment,null);
        return view;
    }
}

 

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

Activity  布局：添加帧布局管理器 +  水平线性布局 4个底部图片按键

<?xml version="1.0" encoding="UTF-8"?>

<RelativeLayout tools:context=".MyFragetmatActivity"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android">

  <fragment android:layout_height="match_parent"
      android:layout_width="match_parent"
      android:name="com.zengjx.fragment.WeChat_Fragment"
      android:id="@+id/fragment"/>

  <LinearLayout android:layout_height="50dp"
      android:layout_width="match_parent"
      android:orientation="horizontal"
      android:layout_alignParentBottom="true">

  <ImageView android:layout_height="50dp"
      android:layout_width="0dp"
      android:id="@+id/image1"
      android:src="@drawable/bottom_1"
      android:layout_weight="1"/>

  <ImageView android:layout_height="50dp"
      android:layout_width="0dp"
      android:id="@+id/image2"
      android:src="@drawable/bottom_2"
      android:layout_weight="1"/>

  <ImageView android:layout_height="50dp"
      android:layout_width="0dp"
      android:id="@+id/image3"
      android:src="@drawable/bottom_3"
      android:layout_weight="1"/>

  <ImageView android:layout_height="50dp"
      android:layout_width="0dp"
      android:id="@+id/image4"
      android:src="@drawable/bottom_4"
      android:layout_weight="1"/>

</LinearLayout>

</RelativeLayout>

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

package com.zengjx.androidbaseproject;

import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.View;
import android.widget.ImageView;
import com.zengjx.fragment.DetailFragment;
import com.zengjx.fragment.Find_Fragment;
import com.zengjx.fragment.Me_Fragment;
import com.zengjx.fragment.Message_Fragment;
import com.zengjx.fragment.WeChat_Fragment;

/**
 * Created by zengjx on 2018/12/19.
 */

public class MyFragetmatActivity   extends Activity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment);
        ImageView imageView1 = (ImageView) findViewById(R.id.image1);//获取布局文件的第一个导航图片
        ImageView imageView2 = (ImageView) findViewById(R.id.image2);//获取布局文件的第二个导航图片
        ImageView imageView3 = (ImageView) findViewById(R.id.image3);//获取布局文件的第三个导航图片
        ImageView imageView4 = (ImageView) findViewById(R.id.image4);//获取布局文件的第四个导航图片
        imageView1.setOnClickListener(l);//为第一个导航图片添加单机事件
        imageView2.setOnClickListener(l);//为第二个导航图片添加单机事件
        imageView3.setOnClickListener(l);//为第三个导航图片添加单机事件
        imageView4.setOnClickListener(l);//为第四个导航图片添加单机事件
    }
    //创建单机事件监听器
    View.OnClickListener l = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            FragmentManager fm = getFragmentManager();   // 获取Fragment
            FragmentTransaction ft = fm.beginTransaction(); // 开启一个事务
            Fragment f = null; //为Fragment初始化
            switch (v.getId()) {    //通过获取点击的id判断点击了哪个张图片
                case R.id.image1:
                    f = new WeChat_Fragment(); //创建第一个Fragment
                    break;
                case R.id.image2:
                    f = new Message_Fragment();//创建第二个Fragment
                    break;
                case R.id.image3:
                    f = new Find_Fragment();//创建第三个Fragment
                    break;
                case R.id.image4:
                    f = new Me_Fragment();//创建第四个Fragment
                    break;
                default:
                    break;
            }
            ft.replace(R.id.fragment, f); //替换Fragment
            ft.commit(); //提交事务
        }
    };
}