各fragment的xml及类文件不再一一给出,java文件简单地布局文件的onCreateView();方法绑定各自xml文件并返回一个View。
主布局Activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
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"
tools:context="com.example.wechat_interface_change.MainActivity">
<fragment
android:id="@+id/fragment"
android:name="com.example.wechat_interface_change.Wechat_Fragment" //默认绑定wechat_fragment
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="65dp"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
>
<!--微信图标-->
<ImageView
android:id="@+id/image1"
android:layout_width="0dp"
android:layout_height="65dp"
android:layout_weight="1"
android:src="@drawable/bottom_1"
/>
<!--通讯录图标-->
<ImageView
android:id="@+id/image2"
android:layout_width="0dp"
android:layout_height="65dp"
android:layout_weight="1"
android:src="@drawable/bottom_2"
/>
<!--发现图标-->
<ImageView
android:id="@+id/image3"
android:layout_width="0dp"
android:layout_height="65dp"
android:layout_weight="1"
android:src="@drawable/bottom_3"
/>
<!--我图标-->
<ImageView
android:id="@+id/image4"
android:layout_width="0dp"
android:layout_height="65dp"
android:layout_weight="1"
android:src="@drawable/bottom_4"
/>
</LinearLayout>
</RelativeLayout>
主程序MainActivity.java:
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取ImageView
ImageView imageView1=findViewById(R.id.image1);
ImageView imageView2=findViewById(R.id.image2);
ImageView imageView3=findViewById(R.id.image3);
ImageView imageView4=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 view) { //点击方法
FragmentManager fm =getFragmentManager(); //实例化Fragment处理器
FragmentTransaction ft=fm.beginTransaction(); //创建Fragment事务
Fragment f=null;
switch(view.getId()){ //判断单击哪张图片
case R.id.image1:
f=new Wechat_Fragment(); //创建第一个Fragment
break;
case R.id.image2:
f=new tongxunlu_fragment(); //创建第二个Fragment
break;
case R.id.image3:
f=new faxian_fragment(); //创建第三个Fragment
break;
case R.id.image4:
f=new wo_fragment(); //创建第四个Fragment
break;
default:
break;
}
ft.replace(R.id.fragment,f); //用f替换Fragment
ft.commit(); //提交事务
}
};
概念图:
效果图: