android 模仿微信布局,【Android初学者】框架布局：仿微信页面制作

学习Android有一段时间了，跟大家分享一下经验吧！

如果有错误的地方，有更好的方法，麻烦大家留言指导！

工具：studio2.2，虚拟机版本：4.3，API 18(感觉比5.1的稳定啊！)

例子是先：

1.一个按钮跳转一个子页面，

2.一个子页面框着4个其他页面，

RadioGroup包含 4个RadioButton,

4个页面都在子页显示

效果图：主页

图片很美，效果...暂时是通过单击 onclick跳转，滑动跳转的,还没学会呢....

代码图：一个方法对应一个xml页面

一、方法

MainActivity.java,继承Activity

package com.open_open.weixin;

import android.app.Activity;

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

public void onSubmit(View view){

Intent intent = new Intent(this,TwoActivity.class);

startActivity(intent);

}

}

activity_main.xml 这个是线型布局

二、子页面 TwoActivity.java

继承FragmentActivity

package com.open_open.weixin;

import java.util.List;

import android.os.Bundle;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentActivity;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentTransaction;

import android.widget.RadioGroup;

import android.widget.RadioGroup.OnCheckedChangeListener;

/**

* 负责管理Fragment

* @author Administrator

*

*/

public class TwoActivity extends FragmentActivity {

//声明一个FragmentManager对象

private FragmentManager manager;

//声明一个事务对象

private FragmentTransaction trans;

private RadioGroup rg;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_two);

//获取manager对象

manager=getSupportFragmentManager();

trans=manager.beginTransaction();

//默认绑定第一个Fragment

FragmentOne one=new FragmentOne();

trans.add(R.id.mainFrame, one, "frag");

trans.commit();

//获取按钮组

rg=(RadioGroup)findViewById(R.id.rg);

rg.setOnCheckedChangeListener(new OnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {

switch(checkedId){

case R.id.r1:

trans=manager.beginTransaction();

trans.replace(R.id.mainFrame,new FragmentOne(), "frag");

trans.addToBackStack("back");

//加入到后退操作栈

trans.commit();

break;

case R.id.r2:

trans=manager.beginTransaction();

trans.replace(R.id.mainFrame, new FragmentTwo(), "frag");

trans.addToBackStack("back");//加入到后退操作栈

trans.commit();

break;

case R.id.r3:

trans=manager.beginTransaction();

trans.replace(R.id.mainFrame, new FragmentThree(), "frag");

trans.addToBackStack("back");//加入到后退操作栈

trans.commit();

break;

case R.id.r4:

trans=manager.beginTransaction();

trans.replace(R.id.mainFrame, new FragmentFour(), "frag");

trans.addToBackStack("back");//加入到后退操作栈

trans.commit();

break;

}

}

});

}

@SuppressWarnings("unused")

private Fragment test(){

//获取当前在fragment栈中存储的所有fragment

Listlist=manager.getFragments();

for (Fragment fragment : list) {

if(fragment.isVisible()){

return fragment;

}

}

return null;

}

}

activity_two.xml

补充：1、自定义颜色一个

2、图片资源

android:drawableTop:+图片

ic_btn_speak_now：麦克风

btn_star_big_off：灰色的星星

btn_star_big_on：黄色点亮的星星

这三个是studio自带的。

FrameLayout：框架布局

三、其他页面：

FragmentOne   - Four .java

这个几乎相同，继承Fragment

红色部分稍微改动即可，

package com.open_open.weixin;

import android.os.Bundle;

import android.support.annotation.Nullable;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.EditText;

public class FragmentOne extends Fragment{

//加载Fragment的layout文件,生成View

public View onCreateView(LayoutInflater inflater,ViewGroup container,

Bundle savedInstanceState){

//根据布局文件投影出一个View对象

View view = inflater.inflate(R.layout.testone,container,false);

return view;

}

}

testone.xml

其他三个页面也是一模一样的，背景图片不同罢了，只要改动background这里即可

补充：