最近在做一個仿電商的APP，由于前面使用了Fragment技術(shù)，現(xiàn)在想要在一個Fragment中做出TabHost的界面效果，經(jīng)過查找資料找到了解決辦法，特分享出來?。ㄐ氯宋饑姡。?/p>

成都創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡(luò)營銷推廣、網(wǎng)站重做改版、莫力達(dá)網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、成都商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為莫力達(dá)等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

首先要使用的控件是Support V4里面的控件，XML如圖

<android.support.v4.app.FragmentTabHost
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/action_fun" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:orientation="horizontal" >
            </TabWidget>
            <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" 
            android:layout_weight="1" >

            <ImageView
            android:id="@+id/img_scrollbar_fun"
            android:layout_width="match_parent"
            android:layout_height="4dp"
            android:layout_weight="2"
            android:scaleType="fitXY"
            android:src="@drawable/scrollbar" />

            <View
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" />
            </LinearLayout>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="0" />

            <FrameLayout
                android:id="@+id/realtabcontent"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1" />
        </LinearLayout>
    </android.support.v4.app.FragmentTabHost>

這個XML是從Support V4中找的控件，多出來的是自定義的動態(tài)滾動條。

下面是具體的代碼實現(xiàn)，如下

public class FUNFragment extends Fragment implements  OnTabChangeListener {

	public FUNFragment() {
		// Required empty public constructor
	}
	private FragmentTabHost mTabHost_fun;
	private String[] fun_tabs = new String[] { "推薦", "標(biāo)簽","關(guān)注"};
	private ImageView mImgScrollbar_fun;
	private float lastoffset_fun;
	
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View layout = inflater.inflate(R.layout.fragment_fun, container, false);
		mImgScrollbar_fun = (ImageView) layout.findViewById(R.id.img_scrollbar_fun);
		initActionBar();
//		initTabFragment();
		initTabHost(layout);
		return layout;
	}

	private void initActionBar() {
		FragmentManager fm = getChildFragmentManager();
		FragmentTransaction ft = fm.beginTransaction();
		ActionFragment actionFragment = new ActionFragment();
		ft.add(R.id.action_fun, actionFragment);
		actionFragment.setActionName("FUN");
		ft.commit();
	}
	//初始化FragmentTabHost
	public void initTabHost(View layout) {
		mTabHost_fun = (FragmentTabHost)layout.findViewById(android.R.id.tabhost);
		mTabHost_fun.setup(getActivity(), getChildFragmentManager(), R.id.realtabcontent);
		mTabHost_fun.setOnTabChangedListener(this);
		for (int i = 0; i < fun_tabs.length; i++) {
			View view = getActivity().getLayoutInflater().inflate(
					R.layout.fun_tabhost_item, null);
			TextView mTextView = (TextView) view.findViewById(R.id.tv_fun_tab);
			mTextView.setText(fun_tabs[i]);
			mTabHost_fun.addTab(mTabHost_fun.newTabSpec("tag" + i).setIndicator(view),
	                RecFragment.class, null);
            
		}
	}

	@Override
	public void onTabChanged(String tabId) {
		int position = mTabHost_fun.getCurrentTab();
		//設(shè)置滾動動畫條
	    setScrollAnimation(position);
	}
	//設(shè)置
	private void setScrollAnimation(int position) {
		//獲取屏幕的寬度
		WindowManager mWindowManager = (WindowManager) getActivity().getSystemService(Context.WINDOW_SERVICE);
		Display display = mWindowManager.getDefaultDisplay();
		@SuppressWarnings("deprecation")
		int width = display.getWidth();
		//獲取滾動條的偏移量
		int offset = width/fun_tabs.length;
		//使用開源項目nineold設(shè)置滾動動畫
		ObjectAnimator ofFloat = ObjectAnimator.ofFloat(mImgScrollbar_fun, "translationX", lastoffset_fun, position*offset);
		
		ofFloat.setInterpolator(new DecelerateInterpolator());
		ofFloat.setDuration(500).start();
		//前一次偏移的位置
		lastoffset_fun = position*offset;
	}


	
}

將此記錄下來，也是為自己學(xué)習(xí)Android做個留念。希望對剛學(xué)習(xí)Android的朋友有點幫助。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

名稱欄目：如何在Fragment中使用tabhost-創(chuàng)新互聯(lián)
本文地址：http://m.rwnh.cn/article26/dosecg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、外貿(mào)建站、Google、小程序開發(fā)、網(wǎng)站制作、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)