功能: 点击不同的Button 跳出对应的Fragment , Fragment可以自己随时加
其中包含的文件有: MainActivity.java ,activity_main.xml , firstFragment.java , fragment_first.xml , secondFragment.java , fragment_second.xml
文件介绍:
MainActivity.java --> 监听点击事件, 对应的布局文件为 activity_main.xml
activity_main.xml文件, 中有 Framelayout 布局, 这一个是关键, 可以重叠放置Fragment.
不多说, 上代码
//MainActivity.java
package com.yline.fragment_button;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class MainActivity extends FragmentActivity implements OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button btnFirst = (Button) findViewById(R.id.btn_first);
Button btnSecond = (Button) findViewById(R.id.btn_second);
Fragment fragLayout = new firstFragment();
//启用 app , 就开启一个 Fragment
getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout, fragLayout).commit();
//建立相同的监听器
btnFirst.setOnClickListener(this);
btnSecond.setOnClickListener(this);
}
@Override
public void onClick(View v) {
Fragment fragLayout = null;
switch (v.getId()) {
case R.id.btn_first:
fragLayout = new firstFragment();
break;
case R.id.btn_second:
fragLayout = new secondFragment();
break;
}
getSupportFragmentManager().beginTransaction().replace(R.id.frame_layout,fragLayout).commit();
}
}
// activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<FrameLayout
android:id="@+id/frame_layout"
android:layout_width="fill_parent"
android:layout_height="400sp" >
</FrameLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/btn_first"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="first" />
<Button
android:id="@+id/btn_second"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="second" />
</LinearLayout>
</LinearLayout>
// firstFragment.java
package com.yline.fragment_button;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class firstFragment extends Fragment{
/**
* 构建一个打气筒,充气fragment_second布局,返回一个View对象
*/
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View v = inflater.inflate(R.layout.fragment_first,null);
return v;
}
}
//fragment_first.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="first"/>
</LinearLayout>
至于 secondFragment.java , fragment_second.xml文件 与 firstFragment.java , fragment_first.xml文件 类似 就不累述了
运行图:
Fragment_Button 代码链接: (可直接运行):
http://pan.baidu.com/s/1eQy53F0
参考网址:
无