基于Android的計步器(Pedometer)的講解(一)――Fragment頁面跳轉
來源：程序員人生 發布時間：2015-01-16 08:37:10 閱讀次數：4348次
首先需要做的是實現幾個頁面的跳轉，既類似微信的點擊按鈕，切換頁面。
話不多說，這是1個簡單的頁面切換的Demo，先貼幾張實現的效果：
圖片的底部是5個RadioButton，用來進行頁面之間的切換。剩下的部份是1個LinearLayout的布局，用來鑲嵌5個Fragment（碎片）的頁面。
1共用到5個類：MainActivity、MyAdapter、FragmentHistory、FragmentAnalysis、FragmentPedometer、FragmentPK、FragmentSet
MainActivity的主要代碼以下：
package com.example.changepage1;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.widget.RadioGroup;
public class MainActivity extends FragmentActivity {
private RadioGroup rg;
private List<Fragment> fragments;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.page_mian);
rg = (RadioGroup) findViewById(R.id.radioGroup);//實例化radiogroup
fragments = new ArrayList<Fragment>();
//分別添加5個fragment
fragments.add(new FragmentHistory());
fragments.add(new FragmentAnalysis());
fragments.add(new FragmentPedometer());
fragments.add(new FragmentPK());
fragments.add(new FragmentSet());
new MyAdapter(this, fragments, R.id.Fragment, rg);//設置適配器
}
}
MyAdapter的代碼以下：
package com.example.changepage1;
import java.util.List;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
/**
* 這是自己寫的1個適配器
*
* @author 李埡超 Date: 2015⑴⑵ Time: 下午3點
*/
public class MyAdapter implements OnCheckedChangeListener {
private List<Fragment> fragments; // 1個tab頁面對應1個Fragment
private RadioGroup rgs; // 用于切換tab
private FragmentActivity fragmentActivity; // Fragment所屬的Activity
private int fragmentContentId; // Activity中所要被替換的區域的id
private int currentTab = 2; // 當前Tab頁面索引
public MyAdapter(FragmentActivity fragmentActivity,
List<Fragment> fragments, int fragmentContentId, RadioGroup rgs) {
this.fragments = fragments;
this.rgs = rgs;
this.fragmentActivity = fragmentActivity;
this.fragmentContentId = fragmentContentId;
// 默許顯示第1頁
FragmentTransaction ft = fragmentActivity.getSupportFragmentManager()
.beginTransaction();
ft.add(fragmentContentId, fragments.get(2));
ft.commit();
this.rgs.setOnCheckedChangeListener(this);
}
/**
* 監聽radiobutton改變時間，當選擇了不同的radiobutton會動身這個函數
*/
public void onCheckedChanged(RadioGroup group, int checkedId) {
for (int i = 0; i < rgs.getChildCount(); i++) {
if (rgs.getChildAt(i).getId() == checkedId) {
Fragment fragment = fragments.get(i);
FragmentTransaction ft = obtainFragmentTransaction(i);
getCurrentFragment().onPause(); // 暫停當前tab
if (fragment.isAdded()) {
fragment.onResume(); // 啟動目標tab的onResume()
} else {
ft.add(fragmentContentId, fragment);
}
showTab(i); // 顯示目標tab
ft.commit();
}
}
}
public Fragment getCurrentFragment() {
return fragments.get(currentTab);
}
private void showTab(int idx) {
for (int i = 0; i < fragments.size(); i++) {
Fragment fragment = fragments.get(i);
FragmentTransaction ft = obtainFragmentTransaction(idx);
if (idx == i) {
ft.show(fragment);
} else {
ft.hide(fragment);
}
ft.commit();
}
currentTab = idx; // 更新目標tab為當前tab
}
private FragmentTransaction obtainFragmentTransaction(int index) {
FragmentTransaction ft = fragmentActivity.getSupportFragmentManager()
.beginTransaction();
// 設置切換動畫
if (index > currentTab) {
ft.setCustomAnimations(R.anim.slide_left_in, R.anim.slide_left_out);
} else {
ft.setCustomAnimations(R.anim.slide_right_in,
R.anim.slide_right_out);
}
return ft;
}
}
FragmentHistory、FragmentAnalysis、FragmentPedometer、FragmentPK、FragmentSet的代碼順次為：
package com.example.changepage1;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* 這是分析7天步數的碎片
* Author: 李埡超 email:296777513@qq.com
* Date: 2015⑴⑵
* Time: 下午2:39
*/
public class FragmentAnalysis extends Fragment{
private View view;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = inflater.inflate(R.layout.analysis, container, false);
return view;
}
}
package com.example.changepage1;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* 這是歷史記錄的碎片
* Author: 李埡超 email:296777513@qq.com
* Date: 2015⑴⑵
* Time: 下午2:39
*/
public class FragmentHistory extends Fragment{
private View view;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = inflater.inflate(R.layout.history, container, false);
return view;
}
}
package com.example.changepage1;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* 這是記步的碎片
* Author: 李埡超 email:296777513@qq.com
* Date: 2015⑴⑵
* Time: 下午2:39
*/
public class FragmentPedometer extends Fragment{
private View view;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = inflater.inflate(R.layout.pedometer, container, false);
return view;
}
}
package com.example.changepage1;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* 這是記步的碎片
* Author: 李埡超 email:296777513@qq.com
* Date: 2015⑴⑵
* Time: 下午2:39
*/
public class FragmentPK extends Fragment{
private View view;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = inflater.inflate(R.layout.pk, container, false);
return view;
}
}
package com.example.changepage1;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
* 這是設置的碎片
* Author: 李埡超 email:296777513@qq.com
* Date: 2015⑴⑵
* Time: 下午2:39
*/
public class FragmentSet extends Fragment{
private View view;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = inflater.inflate(R.layout.set, container, false);
return view;
}
}
這個例子的的完全demo在：
http://download.csdn.net/detail/a296777513/8320619
完全的Pedometer項目在github上：
https://github.com/296777513/pedometer
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
