如何在Fragment中使用tabhost-创新互联

最近在做一个仿电商的APP,由于前面使用了Fragment技术,现在想要在一个Fragment中做出TabHost的界面效果,经过查找资料找到了解决办法,特分享出来!(新人勿喷!)

成都创新互联专注于企业网络营销推广、网站重做改版、莫力达网站定制设计、自适应品牌网站建设、H5场景定制成都商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为莫力达等各大城市提供网站开发制作服务。

首先要使用的控件是Support V4里面的控件,XML如图



        

            
            
            

            

            
            

            

            
        
    

这个XML是从Support V4中找的控件,多出来的是自定义的动态滚动条。

下面是具体的代码实现,如下

public class FUNFragment extends Fragment implements  OnTabChangeListener {

	public FUNFragment() {
		// Required empty public constructor
	}
	private FragmentTabHost mTabHost_fun;
	private String[] fun_tabs = new String[] { "推荐", "标签","关注"};
	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();
		//设置滚动动画条
	    setScrollAnimation(position);
	}
	//设置
	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设置滚动动画
		ObjectAnimator ofFloat = ObjectAnimator.ofFloat(mImgScrollbar_fun, "translationX", lastoffset_fun, position*offset);
		
		ofFloat.setInterpolator(new DecelerateInterpolator());
		ofFloat.setDuration(500).start();
		//前一次偏移的位置
		lastoffset_fun = position*offset;
	}


	
}

将此记录下来,也是为自己学习Android做个留念。希望对刚学习Android的朋友有点帮助。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:如何在Fragment中使用tabhost-创新互联
文章出自:http://ybzwz.com/article/dosecg.html