关闭

Creating Swipe Views with Tabs

213人阅读 评论(0) 收藏 举报
分类:
可以使用viewpager新建一个swipe views
首选在xml中增加viewpager组件
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
可以通过FragmentPagerAdapter 或者 FragmentStatePagerAdaper 来代表一个子view
public class CollectionDemoActivity extends FragmentActivity {
    // When requested, this adapter returns a DemoObjectFragment,
    // representing an object in the collection.
    DemoCollectionPagerAdapter mDemoCollectionPagerAdapter;
    ViewPager mViewPager;


    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_collection_demo);


        // ViewPager and its adapters use support library
        // fragments, so use getSupportFragmentManager.
        mDemoCollectionPagerAdapter =
                new DemoCollectionPagerAdapter(
                        getSupportFragmentManager());
        mViewPager = (ViewPager) findViewById(R.id.pager);
        mViewPager.setAdapter(mDemoCollectionPagerAdapter);
    }
}


// Since this is an object collection, use a FragmentStatePagerAdapter,
// and NOT a FragmentPagerAdapter.
public class DemoCollectionPagerAdapter extends FragmentStatePagerAdapter {
    public DemoCollectionPagerAdapter(FragmentManager fm) {
        super(fm);
    }


    @Override
    public Fragment getItem(int i) {
        Fragment fragment = new DemoObjectFragment();
        Bundle args = new Bundle();
        // Our object is just an integer :-P
        args.putInt(DemoObjectFragment.ARG_OBJECT, i + 1);
        fragment.setArguments(args);
        return fragment;
    }


    @Override
    public int getCount() {
        return 100;
    }


    @Override
    public CharSequence getPageTitle(int position) {
        return "OBJECT " + (position + 1);
    }
}


// Instances of this class are fragments representing a single
// object in our collection.
public static class DemoObjectFragment extends Fragment {
    public static final String ARG_OBJECT = "object";


    @Override
    public View onCreateView(LayoutInflater inflater,
            ViewGroup container, Bundle savedInstanceState) {
        // The last two arguments ensure LayoutParams are inflated
        // properly.
        View rootView = inflater.inflate(
                R.layout.fragment_collection_object, container, false);
        Bundle args = getArguments();
        ((TextView) rootView.findViewById(android.R.id.text1)).setText(
                Integer.toString(args.getInt(ARG_OBJECT)));
        return rootView;
    }
}


也可将tabs添加到Action Bar
@Override
public void onCreate(Bundle savedInstanceState) {
    final ActionBar actionBar = getActionBar();
    ...


    // Specify that tabs should be displayed in the action bar.
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);


    // Create a tab listener that is called when the user changes tabs.
    ActionBar.TabListener tabListener = new ActionBar.TabListener() {
        public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
            // show the given tab
        }


        public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
            // hide the given tab
        }


        public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
            // probably ignore this event
        }
    };


    // Add 3 tabs, specifying the tab's text and TabListener
    for (int i = 0; i < 3; i++) {
        actionBar.addTab(
                actionBar.newTab()
                        .setText("Tab " + (i + 1))
                        .setTabListener(tabListener));
    }
}


在不同的子view 之间切换,需要实现Action.TabListener 接口
@Override
public void onCreate(Bundle savedInstanceState) {
    ...


    // Create a tab listener that is called when the user changes tabs.
    ActionBar.TabListener tabListener = new ActionBar.TabListener() {
        public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
            // When the tab is selected, switch to the
            // corresponding page in the ViewPager.
            mViewPager.setCurrentItem(tab.getPosition());
        }
        ...
    };
}


要显示不同子view的内容需要实现onPageChangeListner 接口


@Override
public void onCreate(Bundle savedInstanceState) {
    ...


    mViewPager = (ViewPager) findViewById(R.id.pager);
    mViewPager.setOnPageChangeListener(
            new ViewPager.SimpleOnPageChangeListener() {
                @Override
                public void onPageSelected(int position) {
                    // When swiping between pages, select the
                    // corresponding tab.
                    getActionBar().setSelectedNavigationItem(position);
                }
            });
    ...
}


如果不想用action bar,可以使用scrollable tabs
<android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <android.support.v4.view.PagerTitleStrip
        android:id="@+id/pager_title_strip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="#33b5e5"
        android:textColor="#fff"
        android:paddingTop="4dp"
        android:paddingBottom="4dp" />


</android.support.v4.view.ViewPager>
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Swipe Views with Tabs(左右滑动切换导航)

原文链接:http://developer.android.com/training/implementing-navigation/index.html
  • ymsl123
  • ymsl123
  • 2014-07-28 14:27
  • 1296

滑动视图 Swipe Views

滑动视图 Swipe Views滑动视图 Swipe Views是我们在android开发中常见的内容导航方式,可以很直观的引导用户得到想要的内容。滑动视图 Swipe Views的实现主要靠 ViewPager 来实现! ViewPager 在V4支持包中被添加进来,通过在xml布局文件中声明V...
  • u010865433
  • u010865433
  • 2015-09-08 16:24
  • 420

ionic的组件 ion-tabs的一个实例

app.html    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-wid...
  • ABS1118
  • ABS1118
  • 2015-03-09 20:12
  • 8857

记录一下Appium中使用swipe方法时候出现的问题(Appium1.0.0.3版本)

在最初使用Appium1.0.0.3版本的时候,中间在写测试代码的时候,需要用到swipe方法来处理屏幕的滑动效果,代码如下:   try {           JavascriptExecutor js = (J...
  • wanglha
  • wanglha
  • 2015-01-26 10:01
  • 1896

手势(由不理解drag和swipe引发的)

 drag是拖动,必须能够选中一个目标,可以是一个点。 swipe是一个滑动,可以没有目标的滑动。 而手机上的滑动解锁的小符号》或 ^ 跟手机上的图标不是一个层面上的,是无法用drag来拖拉的。 1.拖拽与滑动相关知识 1)拖拽:将一个组件从一个坐标移动到另一个坐标处 2)滑...
  • c9316
  • c9316
  • 2016-07-14 11:04
  • 1710

JQuery学习总结一 —— JQ-tabs的实现

最近面试的时候被问到有没有看过JQuery的源码,本人确实看过,然而什么都没有记住,所以看过并没有什么X用,重要的,还是要动手写代码。JQuery-tabs实现 网站地址后#?的区别 我们经常可以看到网站后面带着一些参数,比如你用搜索引擎搜索处结果的时候,网址中会带有各种各样的参数,下面我就根据我...
  • Elson_tju
  • Elson_tju
  • 2016-04-30 22:31
  • 1043

jQuery EasyUI实现关闭全部tabs

有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。代码如下: //获取最后一个tabs 在新加的选项卡后面添加"关闭全部" var li = $(".tabs-wrap ul li...
  • itmyhome
  • itmyhome
  • 2014-06-19 21:57
  • 16498

ionic 解决android 中tabs 在上面的问题。

**//ionic 解决android 中tabs 在上面的问题。** 替换App.js为以下代码。// Ionic Starter App// angular.module is a global place for creating, registering and retrieving A...
  • M_killer
  • M_killer
  • 2015-11-07 21:37
  • 4411

Appium源码分析(四)-swipe

@Override public AndroidCommandResult execute(final AndroidCommand command) throws JSONException { final Hashtable<String, Object> p...
  • qq744746842
  • qq744746842
  • 2015-08-20 00:18
  • 1353

Tabs Outliner(标签系统)

用户们使用浏览器的时候,经常都会打开很多标签,当数量超过十个以后,标签就会杂乱而无序,你根本看不清标题。Tabs Outliner它会在浏览器旁边新建一个窗口,把所有的标签页按照域名归类放好,如果你想要查找标签页的话就会变得十分容易。
  • c1007726825
  • c1007726825
  • 2016-03-14 16:20
  • 805
    个人资料
    • 访问:263214次
    • 积分:12988
    • 等级:
    • 排名:第1227名
    • 原创:1074篇
    • 转载:0篇
    • 译文:11篇
    • 评论:9条
    最新评论