Android Studio 微信页面

移动互联网开发

Android Studio 微信页面

需求要求

1. 页面具有“微信”标题；
2. 页面具有中间显示框；
3. 页面具有底部选择框，并且具有选择事件；
4. 页面底部选择框在进行改变的时候，需要中间显示框的页面同步改变；
5. 页面的布局清晰。

项目完成展示

页面布局的实现

顶部布局 activity_top.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="55dp"
    android:background="@drawable/title_tab"
    android:gravity="center">
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/title_name"
        android:textSize="24dp"/>
 
</LinearLayout>

主布局 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.administrator.attendancesystem.MainActivity">
 
    <include layout="@layout/activity_top"></include>
 
    <FrameLayout
        android:id="@+id/frame_content"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </FrameLayout>
 
 
    <include layout="@layout/activity_bottom"></include>
</LinearLayout>

具体代码实现

事件监听

private  void initEvent(){
        mtabweixin.setOnClickListener(this);
      mtabfrd.setOnClickListener(this);
      mtabaddress.setOnClickListener(this);
      mtabset.setOnClickListener(this);
  }

Fragment1.java(同Fragment2.java,Fragment3.java)

package com.example.administrator.attendancesystem;
 
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
 
/**
 * A simple {@link Fragment} subclass.
 */
public class Fragment_1 extends Fragment {
    
    public Fragment_1() {
        // Required empty public constructor
    }
    
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragmen_1, container, false);
    }
 
}

程序完整代码