Android TabLayout ViewPager悬停_Recycleview头部悬停
2016-12-08 13:29:19  By: dwtedx

分享一个Android的新特性提供的一种炫酷组合控件CollapsingToolbarLayout TabLayout ViewPager悬停效果、用了就变得高大上了、这里只是简单的说了下、可以看源码、同时也提供了Demo源代码下载、话不多说、先看效果图

TabLayout悬停


Java代码

@Override
protected void onCreate(Bundle savedInstanceState) {
    //当系统版本为4.4或者4.4以上时可以使用沉浸式状态栏
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        //透明状态栏
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        //透明导航栏
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    }
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ButterKnife.bind(this);
    setTitle("返回");
    collapsingToolbar.setTitle("返回");
    collapsingToolbar.setExpandedTitleColor(Color.parseColor("#00ffffff"));//设置还没收缩时状态下字体颜色
    collapsingToolbar.setCollapsedTitleTextColor(Color.WHITE);//设置收缩后Toolbar上字体的
    adapter = new CommonTabPagerAdapter(getSupportFragmentManager()
            , 4, Arrays.asList("1", "2", "3", "4"), this);
    adapter.setListener(this);
    viewpager.setAdapter(adapter);
    tabLayout.setupWithViewPager(viewpager);
    tabLayout.setTabMode(TabLayout.MODE_FIXED);
    mImageUrl = new ArrayList<String>();
    mImageUrl.add(imageUrl1);
    mImageUrl.add(imageUrl2);
    mImageUrl.add(imageUrl3);
    mAdView = (ImageCycleView) findViewById(R.id.ad_view);
    mAdView.setImageResources(mImageUrl, mAdCycleViewListener, stype);
}


XML代码

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@ id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:theme="@style/ToolbarTheme"
        android:fitsSystemWindows="true">
        <!--app:layout_scrollFlags="scroll|enterAlways"-->

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@ id/collapsingToolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:navigationIcon="@drawable/back"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scaleType="centerInside"
                app:layout_collapseMode="parallax"
                android:fitsSystemWindows="true"
                android:orientation="vertical">

                <com.dm.coordinatedemo.ImageCycleView
                    android:id="@ id/ad_view"
                    android:layout_width="match_parent"
                    android:layout_height="200dp" />

            </LinearLayout>

            <android.support.v7.widget.Toolbar
                android:id="@ id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:titleTextColor="#ffffff"
                app:theme="@style/ToolbarTheme"
                android:gravity="center_vertical"
                android:background="#00ffffff"
                app:navigationIcon="@drawable/back"
                app:layout_collapseMode="pin"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

        </android.support.design.widget.CollapsingToolbarLayout>


        <android.support.design.widget.TabLayout
            android:id="@ id/tab_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/selector_list_item"
            app:tabIndicatorColor="#666666"
            app:tabSelectedTextColor="#4D4D4D"
            app:tabTextColor="#A7A7A7" />

    </android.support.design.widget.AppBarLayout>


    <android.support.v4.view.ViewPager
        android:id="@ id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />


</android.support.design.widget.CoordinatorLayout>


CollapsingToolbarLayout TabLayout ViewPager悬停源代码下载链接: android tab头部悬停 密码: 3ak9

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+