选项卡内的android工具栏

时间:2015-05-31 16:55:06

标签: java android tabs toolbar

我想在我的一个标签中创建一个工具栏,但对我来说没有任何作用。甚至可以这样做吗?我目前在我的标签上方有一个工具栏,但我需要它显示在第一个标签内。

这里是代码(标签上方有工具栏):

import ...

public class MainActivity extends ActionBarActivity {

Toolbar toolbar;
ViewPager pager;
ViewPagerAdapter adapter;
SlidingTabLayout tabs;
CharSequence Titles[] = {"Projects", "People", "Files"};
int Numboftabs = 3;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    toolbar = (Toolbar) findViewById(R.id.tool_bar);
    setSupportActionBar(toolbar);

    adapter = new ViewPagerAdapter(getSupportFragmentManager(), Titles, Numboftabs);
    pager = (ViewPager) findViewById(R.id.pager);
    pager.setAdapter(adapter);
    tabs = (SlidingTabLayout) findViewById(R.id.tabs);
    tabs.setDistributeEvenly(true); 
    tabs.setViewPager(pager);
}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_primary, menu);
    return true;
}

final ArrayList<String> listItems = new ArrayList<String>();

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();

    if (id == R.id.addButton) {
        final TextView noProject = (TextView) findViewById(R.id.NOPROJECT);
        final ListAdapter addAdapter = new ArrayAdapter<String>(this,
                R.layout.list_item, R.id.listFrame, listItems);
        final ListView lv = (ListView) findViewById(R.id.lv);
        lv.setAdapter(addAdapter);

        noProject.setVisibility(View.GONE);
        lv.setVisibility(View.VISIBLE);
        listItems.add("New Project");

        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Intent switchToEdit = new Intent(MainActivity.this,
                        TeamCreate.class);
                startActivity(switchToEdit);
            }
        });
    }
    return super.onOptionsItemSelected(item);
}
}

第一个标签:

import ...

public class Tab1 extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View v =inflater.inflate(R.layout.tab_1,container,false);
    return v;
}
}

1 个答案:

答案 0 :(得分:0)

我遇到了类似的挑战,使用非标准的工具栏和标签,然后通过它,虽然坦率地说结果很奇怪。您可以使用类似的技术让工具栏在选项卡下工作,但这可能会让您的用户挠头。您的技术将有2个工具栏,一个持有TabLayout小部件,另一个持有ViewPager中的片段。

我在我的应用中使用了Material Design标签作为Detail视图。看起来很好,直到我为平板电脑做了2窗格的Master-Detail视图。然后我有一个问题,想要直接在工具栏下面的标签,但没有明显的方法来拥有Master&amp;细节共享工具栏,选项卡仅显示在屏幕的“细节”部分下方。

我得到了它的工作:

  1. 创建一个&#34; NoActionBar&#34; style.xml中的样式,然后使用&#34; android:theme =&#34; @ style / AppTheme&#34;。

    在主布局中引用它
    <!-- Turn off normal application bar so we can put our toolbars where we please.
     Do this by replacing "Theme.AppCompat.Light.DarkActionBar" with NoActionBar
     per http://www.truiton.com/2015/04/android-action-bar-dialog-using-toolbar/ -->
    <style name="AppTheme" parent="MaterialTheme.Base"/>
    <style name="MaterialTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="windowNoTitle">true</item>
    <!--We will be using the toolbar so no need to show ActionBar-->
    <item name="windowActionBar">false</item>
    
  2. 抛出android.support.design.widget.CoordinatorLayout并使用LinearLayout。

  3. 这是一个片段,其中包含的工具栏只占用了部分屏幕空间而不是整个宽度。请注意,工具栏有&#34; app:layout_scrollFlags =&#34;滚动| enterAlways&#34;:

      <FrameLayout android:id="@+id/detail_container"
             android:layout_width="0dp"
             android:layout_height="match_parent"
             android:layout_gravity="end"
             android:layout_weight="2"
             tools:name="com.android.bazemom.popularmovies.TabContainerFragment"
    >
    <!-- second toolbar that will be used for the tabs -->
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:layout_scrollFlags="scroll|enterAlways"
        />
    
    <android.support.design.widget.TabLayout
        android:id="@+id/tabanim_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
    
    <!-- Helps handing the Fragments to load for each Tab -->
    <android.support.v4.view.ViewPager
        android:id="@+id/tabanim_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
    

  4. 这是Master-Detail视图在宽平板电脑上的样子。标签以绿色圈出。带有操作的工具栏位于选项卡上方。 wide tablet screen capture showing tabs using only part of screen width.