Android的布局ActionbarSherlock标签+ ViewPagerIndicator 1标签 [英] Android layout ActionbarSherlock Tabs + ViewPagerIndicator on 1st tab
问题描述
还有一些人说，一张图片胜过千言万语
所以这里是我的问题，我想做出类似以下
so here is my question I want to make a layout similar to this picture given below
我觉得我的问题是从这个画面清晰。
I think My question is clear from this picture.
我已经试过所以是
- 包括福尔摩斯库
- 包含的ViewPage指标库
- 创建项目固定标签+刷卡导航型
- 高达的Android 2.1 Froyo的测试，以4.4奇巧没有任何崩溃
使用
现在的工作做
你可以在上面的图片看，我想3行动吧标签+ 概述标签应包含4与某些意见其他屏幕。他们应该刷卡事件更改
As you can see in the above image I want 3 action-bar tabs + Overview tab should contain 4 other screens with certain views. they should change in on swipe event
和其他所有的标签应包含在一个单一的独立的片段。
And all other tabs should contain a single separate fragment in it.
对于这种布局的搜索很多。有没有任何机构尝试过这种类型的布局。请大家帮我：）
search alot regarding this type of layout. Have any body tried this type of layout. please help me :)
感谢
卡迪尔·侯赛因
推荐答案
好吧，我都做到了。 Yeahhhssss：P
Well I have done it. Yeahhhssss :P
香港乐施会在这里，我做了什么
Ohk here what i done
下面是我的MainActivity extendind SherlockFragmentActivity
Here is my MainActivity extendind SherlockFragmentActivity
import java.util.ArrayList;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.FragmentTransaction;
import com.actionbarsherlock.app.ActionBar;
import com.actionbarsherlock.app.ActionBar.Tab;
import com.actionbarsherlock.app.SherlockFragment;
import com.actionbarsherlock.app.SherlockFragmentActivity;
import com.actionbarsherlock.view.Menu;
public class MainActivity extends SherlockFragmentActivity {
private ArrayList<Class> classes = new ArrayList<Class>();
@SuppressWarnings("unchecked")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
classes.add(OverView.class);
classes.add(LifeStyle.class);
classes.add(RealState.class);
// Set up the action bar.
final com.actionbarsherlock.app.ActionBar actionBar = getSupportActionBar();
actionBar.setDisplayShowHomeEnabled(false);
actionBar.setDisplayShowTitleEnabled(false);
Tab tab = null;
for (int i = 0; i < classes.size(); i++) {
tab = actionBar
.newTab()
.setText(
getResources().getStringArray(R.array.tabs_names)[i])
.setTabListener(
new TabListener<SherlockFragment>(this, "Tab" + i,
(Class<SherlockFragment>) classes.get(i)));
actionBar.addTab(tab);
}
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getSupportMenuInflater().inflate(R.menu.main, menu);
return true;
}
public static class TabListener<T extends SherlockFragment> implements
ActionBar.TabListener {
private SherlockFragment mFragment;
private final SherlockFragmentActivity mActivity;
private final String mTag;
private final Class<T> mClass;
/**
* Constructor used each time a new tab is created.
*
* @param activity
* The host Activity, used to instantiate the fragment
* @param tag
* The identifier tag for the fragment
* @param clz
* The fragment's Class, used to instantiate the fragment
*/
public TabListener(SherlockFragmentActivity activity, String tag,
Class<T> clz) {
mActivity = activity;
mTag = tag;
mClass = clz;
}
/* The following are each of the ActionBar.TabListener callbacks */
public void onTabSelected(Tab tab, FragmentTransaction ft) {
// Check if the fragment is already initialized
if (mFragment == null) {
// If not, instantiate and add it to the activity
mFragment = (SherlockFragment) SherlockFragment.instantiate(
mActivity, mClass.getName());
ft.add(android.R.id.content, mFragment, mTag);
} else {
// If it exists, simply attach it in order to show it
ft.attach(mFragment);
}
}
public void onTabUnselected(Tab tab, FragmentTransaction ft) {
if (mFragment != null) {
// Detach the fragment, because another one is being attached
ft.detach(mFragment);
}
}
public void onTabReselected(Tab tab, FragmentTransaction ft) {
// User selected the already selected tab. Usually do nothing.
}
}
}
这将设置我的3个标签上的动作条。
this will set my 3 tabs on the actionbar.
现在第二proplem正显示出多个片段中第一个选项卡和显示页面指示器。
我已经使用视图寻呼机和查看网页指标达到这一点。
now the second proplem is showing multiple fragments in first tabs and showing the page indicator. I have achieved this using the view pager and view page indicator.
这是我的overview.xml
here is my overview.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<com.viewpagerindicator.CirclePageIndicator
android:id="@+id/indicator"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#000000"
android:padding="10dip" />
</LinearLayout>
和这里是我的Overview.java文件，该文件膨胀这样上面的xml文件
and here is my Overview.java file which inflates the above xml file like this
import android.content.Context;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.actionbarsherlock.app.SherlockFragment;
import com.viewpagerindicator.CirclePageIndicator;
public class OverView extends SherlockFragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.overview_fragment, container, false);
MyPagerAdapter adapter = new MyPagerAdapter();
ViewPager myPager = (ViewPager) rootView.findViewById(R.id.view_pager);
myPager.setAdapter(adapter);
myPager.setCurrentItem(0);
CirclePageIndicator indicator = (CirclePageIndicator) rootView
.findViewById(R.id.indicator);
indicator.setViewPager(myPager);
return rootView;
}
private class MyPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
return 4;
}
@Override
public Object instantiateItem(View collection, int position) {
LayoutInflater inflater = (LayoutInflater) collection.getContext()
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view = null;
switch (position) {
case 0:
view = inflater.inflate(R.layout.overview_1st, null);
break;
case 1:
view = inflater.inflate(R.layout.overview_2nd, null);
break;
case 2:
view = inflater.inflate(R.layout.overview_3rd, null);
break;
default:
view = inflater.inflate(R.layout.overview_3rd, null);
break;
}
((ViewPager) collection).addView(view, 0);
return view;
}
@Override
public void destroyItem(View arg0, int arg1, Object arg2) {
((ViewPager) arg0).removeView((View) arg2);
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == ((View) arg1);
}
}
}
和这里是输出
也确保你已经inluded库
also make sure you have inluded the libraries
这篇关于Android的布局ActionbarSherlock标签+ ViewPagerIndicator 1标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
