Android应用中怎实现一个顶部导航栏滑动效果
本篇文章给大家分享的是有关Android应用中怎实现一个顶部导航栏滑动效果,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
我们提供的服务有:网站设计、成都做网站、微信公众号开发、网站优化、网站认证、利辛ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的利辛网站制作公司
1.向app Module中的build.gradle中添加依赖
dependencies { compile 'com.astuetz:pagerslidingtabstrip:1.0.1' }
2.把PagerSlidingTabStrip这个控件添加到你的布局中,它通常会放在ViewPager的上面
3.在你的onCreate()方法中(或者是在Fragment里面的onCreateView()方法中),把PagerSlidingTabStrip跟ViewPager绑定在一起
// Initialize the ViewPager and set an adapter ViewPager pager = (ViewPager) findViewById(R.id.pager); pager.setAdapter(new TestAdapter(getSupportFragmentManager())); // Bind the tabs to the ViewPager PagerSlidingTabStrip tabs = (PagerSlidingTabStrip) findViewById(R.id.tabs); tabs.setViewPager(pager);
4.如果你要设置PagerChange监听的话
// continued from above tabs.setOnPageChangeListener(mPageChangeListener);
至于它里面的其他很多方法我在这里就不多讲了,需要了解的同学可以去看下Github。
SwipeRefreshLayout
SwipeRefreshLayout是谷歌官方出的一款下拉刷新的控件,只支持下拉刷新,并不支持上拉加载,当然,Github里面也有人基于这个控件写了上拉加载的开源框架,嘻嘻,下一篇给你们介绍。
用法:
1.在xml文件中添加Android.support.v4.widget.SwipeRefreshLayout
2.下拉时若需要出发事件,需实现SwipeRefreshLayout.OnRefreshListener,重写onRefresh()方法。
仿豆瓣实现滑动效果
首先我们先看到MainActivity.class
package com.example.dragonhaw.doubandemo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.view.Window; import com.astuetz.PagerSlidingTabStrip; import com.example.dragonhaw.doubandemo.fragment.PagerFragment; import com.example.dragonhaw.doubandemo.fragment.RefreshFragment; /** * Created by dragonhaw at 9/13/2016 */ public class MainActivity extends AppCompatActivity { /** * Page的数量 */ private static final int PAGER_NUM = 4; /** * PagerSlidingTabStrip的对象 */ private PagerSlidingTabStrip pagerSlidingTabStrip; /** * ViewPager的对象 */ private ViewPager viewPager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //隐藏ActionBar,此方法必须写在setContentView的前面,因为必须在contentView未加载之前将其去掉 requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); initView(); } /** * 初始化View */ private void initView() { pagerSlidingTabStrip = (PagerSlidingTabStrip) findViewById(R.id.pager_tabs); viewPager = (ViewPager) findViewById(R.id.pager); //设置ViewPager每次预加载3个pager,也就是除当前pager外另外加载了三个pager,默认为1 viewPager.setOffscreenPageLimit(3); viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager())); pagerSlidingTabStrip.setViewPager(viewPager); } public class MyFragmentPagerAdapter extends FragmentPagerAdapter { private String[] Titles = new String[]{ "豆瓣", "发现", "讨论", "我的" }; public MyFragmentPagerAdapter(FragmentManager fm) { super(fm); } /** * 回调此方法得到Title内容 */ @Override public CharSequence getPageTitle(int position) { return Titles[position]; } /** * 回调此方法得到Fragment,这里使用Bundle是为了给PagerFragment里面的TextView传入数据 */ @Override public Fragment getItem(int position) { Bundle bundle = new Bundle(); Fragment pagerFragment; if (position == 0) { pagerFragment = new RefreshFragment(); } else { pagerFragment = new PagerFragment(); } bundle.putInt("pager_num", position); pagerFragment.setArguments(bundle); return pagerFragment; } /** * 回调此方法得到Pager的个数 */ @Override public int getCount() { return PAGER_NUM; } } }
整个MainActivity应该没什么好说的吧,难理解的地方我都注释了。然后我们写Fragment,在这里我们写两个Fragment,第一个Fragment也就是首页,要实现ListView跟下拉刷新的那个Fragment,RefreshFragment.class代码如下:
package com.example.dragonhaw.doubandemo.fragment; import android.os.Bundle; import android.os.Handler; import android.support.v4.app.Fragment; import android.support.v4.widget.SwipeRefreshLayout; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.ListView; import com.example.dragonhaw.doubandemo.R; import java.util.ArrayList; import java.util.List; /** * Created by dragonhaw on 2016/9/13. */ public class RefreshFragment extends Fragment implements SwipeRefreshLayout.OnRefreshListener{ private SwipeRefreshLayout swipeRefreshLayout; private ListView listView; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view =inflater.inflate(R.layout.fragment_refresh, container, false); swipeRefreshLayout = (SwipeRefreshLayout) view.findViewById(R.id.refresh_layout); swipeRefreshLayout.setOnRefreshListener(this); //为下拉刷新的设置四种颜色 swipeRefreshLayout.setColorSchemeResources( android.R.color.holo_blue_light, android.R.color.holo_green_light, android.R.color.holo_green_light, android.R.color.holo_orange_light ); listView = (ListView) view.findViewById(R.id.lv); listView.setAdapter(new ArrayAdapter(getActivity(), android.R.layout.simple_list_item_1,getData())); return view; } @Override public void onRefresh() { swipeRefreshLayout.setRefreshing(true); new Handler().postDelayed(new Runnable() { @Override public void run() { swipeRefreshLayout.setRefreshing(false); } }, 3000); } public List getData() { List data = new ArrayList<>(); for (int i = 0; i < 30; i++) { data.add("数据" + i); } return data; } }
SwipeRefreshLayout的setColorSchemeResources()方法,是给下拉刷新的那个圆圈设置颜色,最多可以设置四种颜色,这个框架在Android5.0之前是一个横线的颜色变化,很一般,一点都不好看,但是在Android5.0后就变为了一个圆圈的变化,很多APP都用的它,比如说斗鱼tv等。
另外,在onRefresh()方法中,我们设置了三秒钟刷新完成,即setRefreshing()中状态从true变为false。
再接下来我们又建一个Fragment,PagerFragment.class代码如下:
package com.example.dragonhaw.doubandemo.fragment; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import com.example.dragonhaw.doubandemo.R; /** * Created by dragonhaw on 2016/9/13. */ public class PagerFragment extends Fragment { private TextView textView; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_pager, container, false); textView = (TextView) view.findViewById(R.id.text); Bundle bundle = getArguments(); int pager = bundle.getInt("pager_num"); textView.setText("" + pager); return view; } }
MainActivity的布局文件:
PagerFragment的布局文件如下:
RefreshFragment的布局文件如下:
以上就是Android应用中怎实现一个顶部导航栏滑动效果,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
网页题目:Android应用中怎实现一个顶部导航栏滑动效果
网页链接:http://scyanting.com/article/pdhcoo.html