Android應(yīng)用中怎實(shí)現(xiàn)一個(gè)頂部導(dǎo)航欄滑動(dòng)效果

本篇文章給大家分享的是有關(guān)Android應(yīng)用中怎實(shí)現(xiàn)一個(gè)頂部導(dǎo)航欄滑動(dòng)效果，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

我們提供的服務(wù)有：網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、利辛ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的利辛網(wǎng)站制作公司

1.向app Module中的build.gradle中添加依賴

dependencies { 
compile 'com.astuetz:pagerslidingtabstrip:1.0.1' 
}

2.把PagerSlidingTabStrip這個(gè)控件添加到你的布局中，它通常會(huì)放在ViewPager的上面

<com.astuetz.PagerSlidingTabStrip 
  android:id="@+id/tabs" 
  android:layout_width="match_parent" 
  android:layout_height="48dip" />

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.如果你要設(shè)置PagerChange監(jiān)聽的話

// continued from above 
tabs.setOnPageChangeListener(mPageChangeListener);

至于它里面的其他很多方法我在這里就不多講了，需要了解的同學(xué)可以去看下Github。

SwipeRefreshLayout

SwipeRefreshLayout是谷歌官方出的一款下拉刷新的控件，只支持下拉刷新，并不支持上拉加載，當(dāng)然，Github里面也有人基于這個(gè)控件寫了上拉加載的開源框架，嘻嘻，下一篇給你們介紹。

用法：

1.在xml文件中添加Android.support.v4.widget.SwipeRefreshLayout

<android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:id="@+id/refresh_layout" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <ListView 
    android:id="@+id/lv" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 
</android.support.v4.widget.SwipeRefreshLayout>

2.下拉時(shí)若需要出發(fā)事件，需實(shí)現(xiàn)SwipeRefreshLayout.OnRefreshListener，重寫onRefresh()方法。

仿豆瓣實(shí)現(xiàn)滑動(dòng)效果

首先我們先看到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的數(shù)量 
   */ 
  private static final int PAGER_NUM = 4; 
  /** 
   * PagerSlidingTabStrip的對(duì)象 
   */ 
  private PagerSlidingTabStrip pagerSlidingTabStrip; 
  /** 
   * ViewPager的對(duì)象 
   */ 
  private ViewPager viewPager; 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    //隱藏ActionBar，此方法必須寫在setContentView的前面，因?yàn)楸仨氃赾ontentView未加載之前將其去掉 
    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); 
    //設(shè)置ViewPager每次預(yù)加載3個(gè)pager，也就是除當(dāng)前pager外另外加載了三個(gè)pager，默認(rèn)為1 
    viewPager.setOffscreenPageLimit(3); 
    viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager())); 
    pagerSlidingTabStrip.setViewPager(viewPager); 
  } 
  public class MyFragmentPagerAdapter extends FragmentPagerAdapter { 
    private String[] Titles = new String[]{ 
        "豆瓣", "發(fā)現(xiàn)", "討論", "我的" 
    }; 
    public MyFragmentPagerAdapter(FragmentManager fm) { 
      super(fm); 
    } 
    /** 
     * 回調(diào)此方法得到Title內(nèi)容 
     */ 
    @Override 
    public CharSequence getPageTitle(int position) { 
      return Titles[position]; 
    } 
    /** 
     * 回調(diào)此方法得到Fragment，這里使用Bundle是為了給PagerFragment里面的TextView傳入數(shù)據(jù) 
     */ 
    @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; 
    } 
    /** 
     * 回調(diào)此方法得到Pager的個(gè)數(shù) 
     */ 
    @Override 
    public int getCount() { 
      return PAGER_NUM; 
    } 
  } 
}

整個(gè)MainActivity應(yīng)該沒什么好說的吧，難理解的地方我都注釋了。然后我們寫Fragment，在這里我們寫兩個(gè)Fragment，第一個(gè)Fragment也就是首頁，要實(shí)現(xiàn)ListView跟下拉刷新的那個(gè)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); 
    //為下拉刷新的設(shè)置四種顏色 
    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<String >(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<String> getData() { 
    List<String> data = new ArrayList<>(); 
    for (int i = 0; i < 30; i++) { 
      data.add("數(shù)據(jù)" + i); 
    } 
    return data; 
  } 
}

SwipeRefreshLayout的setColorSchemeResources()方法，是給下拉刷新的那個(gè)圓圈設(shè)置顏色，最多可以設(shè)置四種顏色，這個(gè)框架在Android5.0之前是一個(gè)橫線的顏色變化，很一般，一點(diǎn)都不好看，但是在Android5.0后就變?yōu)榱艘粋€(gè)圓圈的變化，很多APP都用的它，比如說斗魚tv等。

另外，在onRefresh()方法中，我們?cè)O(shè)置了三秒鐘刷新完成，即setRefreshing()中狀態(tài)從true變?yōu)閒alse。

再接下來我們又建一個(gè)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的布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:app="http://schemas.android.com/apk/res-auto" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:orientation="vertical" 
  tools:context=".MainActivity"> 
  <com.astuetz.PagerSlidingTabStrip 
    android:id="@+id/pager_tabs" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    android:background="#ff2d2d2d" 
    android:textColor="#ff8f8f8f" 
    android:textSize="18sp" 
    app:pstsIndicatorColor="#ff00cd79" 
    app:pstsIndicatorHeight="4dp" 
    app:pstsShouldExpand="true" /> 
  <android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 
</LinearLayout>

PagerFragment的布局文件如下：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:orientation="vertical" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <TextView 
    android:id="@+id/text" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="" 
    android:textSize="50sp" 
    android:gravity="center" 
    /> 
</LinearLayout>

RefreshFragment的布局文件如下：

<android.support.v4.widget.SwipeRefreshLayout 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:id="@+id/refresh_layout" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  > 
  <ListView 
    android:id="@+id/lv" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 
</android.support.v4.widget.SwipeRefreshLayout>

以上就是Android應(yīng)用中怎實(shí)現(xiàn)一個(gè)頂部導(dǎo)航欄滑動(dòng)效果，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文名稱：Android應(yīng)用中怎實(shí)現(xiàn)一個(gè)頂部導(dǎo)航欄滑動(dòng)效果
轉(zhuǎn)載來源：http://muchs.cn/article0/pdhcoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、App開發(fā)、微信小程序、網(wǎng)站維護(hù)、網(wǎng)站改版、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容