Android 开源框架ActionBarSherlock 和 ViewPager 仿网易新闻客户端-低调大师

Android 开源框架ActionBarSherlock 和 ViewPager 仿网易新闻客户端

2017-11-21 471

大家都知道Android的ActionBar是在3.0以上才有的，那么在3.0以下呢，google并没有给我提供在3.0以下支持ActionBar的包，但是外国的大牛JakeWharton实现了在3.0以下使用ActionBar, JakeWharton这位大牛是ActionBarSherlock，Android-ViewPagerIndicator ，NineOldAndroids的作者，非常厉害的一个人，Github的关注量超过2.6K，我左侧的友情链接里面有他的Github的主页链接，有兴趣的朋友可以去follow下他，今天我们使用的是他的开源框架ActionBarSherlock，ActionBarSherlock是让Action Bar功能支持2.X后的所有平台，而且他会自动的判断是调用原生Action Bar还是使用扩展ActionBar，很多知名的应用也使用这个库，我之前对ActionBar也不了解，所以就去下了ActionBarSherlock来好好的了解了解ActionBar的使用

我们先从Github上面先下载这个库，下载地址https://github.com/JakeWharton/ActionBarSherlock，下载好了解压如图

把红色框框标记的文件导入Eclipse里面，我们可以先看下例子，来了解下ActionBar的一些使用情况

我们新建一个Android工程，叫ViewPagerAndTab，然后指定ActionBarSherlock为ViewPagerAndTab的库工程，右键工程--->Properties

通过上面的几步我们就指定ActionBarSherlock为ViewPagerAndTab的库工程，接下来我们就能在3.0以下使用ActionBar，我这里使用的是ActionBar Tab和ViewPager仿网易新闻，我们看看主要代码的编写

1.先看布局文件，里面一个ViewPager，非常简单

[html]view plain copy
     
   
 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"   
    android:layout_width="match_parent"   
    android:layout_height="match_parent"   
    android:background="@android:color/white">   
      
    <android.support.v4.view.ViewPager       
        android:id="@+id/viewPager"       
        android:layout_width="fill_parent"       
        android:layout_height="wrap_content" />      
  
</RelativeLayout>  

2.MainActivity代码，点击ActionBar的Tab，ViewPager切换不同的Fragment，滑动ViewPager，选中相对应的ActiionBar Tab

[java]view plain copy
     
   
 
package com.example.viewpagerandtabdemo;  
  
import java.util.ArrayList;  
import java.util.List;  
  
import android.os.Bundle;  
import android.support.v4.app.Fragment;  
import android.support.v4.app.FragmentTransaction;  
import android.support.v4.view.ViewPager;  
import android.support.v4.view.ViewPager.OnPageChangeListener;  
  
import com.actionbarsherlock.app.ActionBar;  
import com.actionbarsherlock.app.ActionBar.Tab;  
import com.actionbarsherlock.app.SherlockFragmentActivity;  
  
public class MainActivity extends SherlockFragmentActivity implements ActionBar.TabListener, OnPageChangeListener{  
    /**  
     * 顶部Tab的title 
     */  
    private String [] mTabTitles;   
      
    /**  
     * ViewPager对象的引用 
     */  
    private ViewPager mViewPager;   
      
    /**  
     * 装载Fragment的容器，我们的每一个界面都是一个Fragment 
     */  
    private List<Fragment> mFragmentList;   
      
    /**  
     * ActionBar对象的引用 
     */  
    private ActionBar mActionBar;   
  
    @Override   
    protected void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);   
        setContentView(R.layout.activity_main);  
          
        //从资源文件在获取Tab的title   
        mTabTitles = getResources().getStringArray(R.array.tab_title);  
        mFragmentList =  new ArrayList<Fragment>();   
          
        mViewPager = (ViewPager) findViewById(R.id.viewPager);  
        //设置Adapter   
        mViewPager.setAdapter(new TabPagerAdapter(getSupportFragmentManager(), mFragmentList));   
        //设置监听   
        mViewPager.setOnPageChangeListener(this);   
          
          
        //获取Action实例我们使用getSupportActionBar()方法   
        mActionBar = getSupportActionBar();  
          
        //隐藏Title   
        mActionBar.setDisplayShowTitleEnabled(false);   
        //隐藏Home logo   
        mActionBar.setDisplayShowHomeEnabled(false);   
        //设置ActionBar的导航模式为Tab   
        mActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  
          
          
        //为ActionBar添加Tab并设置TabListener   
        for(int i=0; i<mTabTitles.length; i++){   
             ActionBar.Tab tab = mActionBar.newTab();  
             tab.setText(mTabTitles[i]);  
             tab.setTabListener(this);   
             mActionBar.addTab(tab, i);  
        }  
          
          
        //将Fragment加入到List中，并将Tab的title传递给Fragment   
        for(int i=0; i<mTabTitles.length; i++){   
            Fragment fragment = new ItemFragment();   
            Bundle args = new Bundle();   
            args.putString("arg", mTabTitles[i]);   
            fragment.setArguments(args);  
              
            mFragmentList.add(fragment);  
        }  
          
    }  
      
      
  
    @Override   
    public void onTabSelected(Tab tab, FragmentTransaction ft) {   
        //点击ActionBar Tab的时候切换不同的Fragment界面   
        mViewPager.setCurrentItem(tab.getPosition());  
    }  
  
    @Override   
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {   
  
    }  
  
    @Override   
    public void onTabReselected(Tab tab, FragmentTransaction ft) {   
          
    }  
      
      
    @Override   
    public void onPageScrollStateChanged(int arg0) {   
          
    }  
  
    @Override   
    public void onPageScrolled(int arg0, float arg1, int arg2) {   
          
    }  
  
    @Override   
    public void onPageSelected(int arg0) {   
        //滑动ViewPager的时候设置相对应的ActionBar Tab被选中   
        mActionBar.setSelectedNavigationItem(arg0);  
    }  
  
  
}  

我们使用ActionBarSherlock的时候不再是继承Activity，而是继承SherlockActivity，SherlockDialogFragment，SherlockFragmentActivity等等，我这里用到Fragment,所以继承SherlockFragmentActivity，我们不能随便设置Activity的theme,以后我们要全屏显示的时候直接设置android:theme="@android:style/Theme.Black.NoTitleBar"

，我们使用ActionBar就不能这样设置了，并且不能随便设置他的Theme，必须是Theme.Sherlock, Theme.Sherlock.Light, Theme.Sherlock.Light.DarkActionBar,或者是他们的子样式，不然就会出java.lang.IllegalStateException异常，所以为了自定义ActionBar的Tab，我们必须修改其style

注意：我们还必须删除ViewPagerAndTab工程libs下面的android-support-v4.jar包，因为在ActionBarSherlock已经包含android-support-v4.jar

3.ViewPager的适配器TabPagerAdapter，因为我们用到Fragment，所以我们继承FragmentStatePagerAdapter而不是PagerAdapter

[java]view plain copy
     
   
 
package com.example.viewpagerandtabdemo;  
  
import java.util.List;  
  
import android.support.v4.app.Fragment;  
import android.support.v4.app.FragmentManager;  
import android.support.v4.app.FragmentStatePagerAdapter;  
  
public class TabPagerAdapter extends FragmentStatePagerAdapter {  
    private List<Fragment> list;   
      
    //构造函数   
    public TabPagerAdapter(FragmentManager fm, List<Fragment> list) {   
        super(fm);   
        this.list = list;   
    }  
  
    @Override   
    public Fragment getItem(int arg0) {   
        return list.get(arg0);   
    }  
  
    @Override   
    public int getCount() {   
        return list.size();   
    }  
  
}  

4.ItemFragment 继承SherlockFragment，也可以直接继承Fragment，里面的的布局比较简单，一个TextView用来显示从Activity传递过来的ActionBar Tab的title

[java]view plain copy
     
   
 
package com.example.viewpagerandtabdemo;  
  
import android.os.Bundle;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.TextView;  
  
import com.actionbarsherlock.app.SherlockFragment;  
  
  
public class ItemFragment extends SherlockFragment {  
  
    @Override   
    public View onCreateView(LayoutInflater inflater, ViewGroup container,   
            Bundle savedInstanceState) {  
          
        View contextView = inflater.inflate(R.layout.fragment_item, container, false);   
        TextView mTextView = (TextView) contextView.findViewById(R.id.textview);  
          
        //获取Activity传递过来的参数   
        Bundle mBundle = getArguments();  
        String title = mBundle.getString("arg");   
          
        mTextView.setText(title);  
          
        return contextView;   
    }  
  
    @Override   
    public void onActivityCreated(Bundle savedInstanceState) {   
        super.onActivityCreated(savedInstanceState);   
    }  
  
}  

然后我们将上面的Activity的theme设置成android:theme="@style/Theme.Sherlock.Light.DarkActionBar" 运行项目看看效果，下图一是项目的效果，图二是网易的效果

是不是相差很大呢？人家下面的指示条是红色的，我们做出来的是蓝色的，人家选中Tab的字体颜色是红色，我们的不变色等等，那么我们要怎么才能做出网易新闻的那样子的效果，我们需要改变其style,改变如下

[html]view plain copy
     
   
 
<style name="Themes.ActionBarTab" parent="@style/Theme.Sherlock">  
    <!-- 去除ActionBar的Divider -->   
    <item name="actionBarDivider">@null</item>   
      
    <!-- 设置ActionBar Tab的高度 -->   
    <item name="actionBarSize">45dip</item>   
      
    <!-- 设置ActionBar Tab字体的样式 -->   
    <item name="actionBarTabTextStyle">@style/Widget.Sherlock.ActionBar.TabText</item>   
      
    <!-- 设置ActionBar Tab的样式,例如下面的红色指引，Tab之间的间隙等等 -->   
    <item name="actionBarTabStyle">@style/Widget.Sherlock.ActionBar.TabView</item>   
      
    <!-- 设置ActionBar的样式，这里简单的设置了ActionBar的背景 -->   
    <item name="actionBarStyle">@style/Widget.Slider.ActionBar</item>   
</style>  
  
  
 <style name="Widget.Slider.ActionBar" parent="@style/Widget.Sherlock.ActionBar">     
    <item name="backgroundStacked">@drawable/base_action_bar_bg</item>   
</style>  
  
<style name="Widget.Sherlock.ActionBar.TabText" parent="android:Widget.Holo.ActionBar.TabText">  
    <item name="android:textColor">@drawable/selector_tabtext</item>   
    <item name="android:textSize">15sp</item>   
</style>  
  
<style name="Widget.Sherlock.ActionBar.TabView" parent="Widget">  
    <item name="android:background">@drawable/tab_indicator</item>   
    <item name="android:paddingLeft">8dip</item>   
    <item name="android:paddingRight">8dip</item>   
</style>   

还有一些图片，selector我没有贴出来，可以去下载代码看看效果，改变style运行效果

好了，今天的讲解到此结束，有疑问的朋友请在下面留言,有兴趣的可以看看开源框架ViewPageIndicator 和 ViewPager 仿网易新闻客户端Tab标签

源码下载，请点击

很多朋友说自己在4.1上面怎么设置style没效果，首先这个库是在2.X的机器上面使用ActionBar,3.0以后就是使用Andriod自带的ActionBar,所以在3.0以上的系统使用的style为android自带的style，所以我们要将style文件做下修改，如下

[html]view plain copy

1. <style name="Themes.ActionBarTab" parent="@style/Theme.Sherlock">
2. 
3. <item name="actionBarDivider">@null</item>
4. <item name="android:actionBarDivider">@null</item>
6. 
7. <item name="actionBarSize">45dip</item>
8. <item name="android:actionBarSize">45dip</item>
10. 
11. <item name="actionBarTabTextStyle">@style/Widget.Sherlock.ActionBar.TabText</item>
12. <item name="android:actionBarTabTextStyle">@style/Widget.Sherlock.ActionBar.TabText</item>
14. 
15. <item name="actionBarTabStyle">@style/Widget.Sherlock.ActionBar.TabView</item>
16. <item name="android:actionBarTabStyle">@style/Widget.Sherlock.ActionBar.TabView</item>
18. 
19. <item name="actionBarStyle">@style/Widget.Slider.ActionBar</item>
20. <item name="android:actionBarStyle">@style/Widget.Slider.ActionBar</item>
21. </style>
24. <style name="Widget.Slider.ActionBar" parent="@style/Widget.Sherlock.ActionBar">
25. <item name="backgroundStacked">@drawable/base_action_bar_bg</item>
26. <item name="android:backgroundStacked">@drawable/base_action_bar_bg</item>
27. </style>
29. <style name="Widget.Sherlock.ActionBar.TabText" parent="android:Widget.Holo.ActionBar.TabText">
30. <item name="android:textColor">@drawable/selector_tabtext</item>
31. <item name="android:textSize">15sp</item>
32. </style>
34. <style name="Widget.Sherlock.ActionBar.TabView" parent="Widget">
35. <item name="android:background">@drawable/tab_indicator</item>
36. <item name="android:paddingLeft">8dip</item>
37. <item name="android:paddingRight">8dip</item>
38. </style>

本文转自农夫山泉别墅博客园博客，原文链接：http://www.cnblogs.com/yaowen/p/5404643.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/384922

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android2.2 API 中文文档系列（2） —— EditText

正文一、结构 java.lang.Object android.view.View android.widget.TextView android.widget.EditText 已知直接子类： AutoCompleteTextView, ExtractEditText 已知间接子类： MultiAutoCompleteTextView 二、xml属性属性名称描述 android:autoLink 设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)。这里只有在同时设置text时才自动识别链接，后来输入的无法自动识别。 android:autoText 自动拼写帮助。这里单独设置是没有效果的，可能需要其他输入法辅助才行，效果参见视频。 android:bufferType 指定getText()方式取得的文本类别。选项editable 类似于StringBuilder可追加字符，也就是说getText后可调用append方法设置文本内容。spannable 则可在给定的字符区...

2017-11-22

533

正文一、需求修改时间输出格式为仅显示小时和分钟。二、效果图三、说明通过看源码可知，只需修改以下两行代码其他全部复制过来即可： private final static Stringm12 = " h:mm:ssaa " ; private final static Stringm24 = " k:mm:ss " ; 如果想做得更好更通用的话可以把设置日期格式的方法暴露出来，或者为其增加一个xml属性。四、完整代码 package com.test; import java.util.Calendar; import android.content.Context; import android.content.res.Resources; import android.database.ContentObserver; import android.os.Handler; import android.os.SystemClock; import android.provider.Settings; import android.text.form...

2017-11-22

558

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。