Android 滚动Tab

标签: android tab | 发表时间:2013-06-04 02:42 | 作者:lc19850921
出处:http://blog.csdn.net

先看效果:


如果对效果感兴趣, 请耐心看完, 其实不复杂.

需要android-support-v4.jar的支持.


主布局文件activity_main.xml

1
2
3
4
5
6
7
< android.support.v4.view.ViewPager  xmlns:android = "http://schemas.android.com/apk/res/android"
     xmlns:tools = "http://schemas.android.com/tools"
     android:id = "@+id/pager"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent"
     tools:context = ".MainActivity"  >
</ android.support.v4.view.ViewPager >


主Activity, 核心是给mViewPager设置一个Adapter--mFragmentAdapter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
public  class  MainActivity  extends  FragmentActivity {
     private  FragmentAdapter mFragmentAdapter;
     private  ViewPager mViewPager;
     @Override
     protected  void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         mFragmentAdapter =  new  FragmentAdapter(MainActivity. this , getSupportFragmentManager());
         mViewPager = (ViewPager) findViewById(R.id.pager);
         mViewPager.setAdapter(mFragmentAdapter);
     }
     @Override
     public  boolean  onCreateOptionsMenu(Menu menu) {
         getMenuInflater().inflate(R.menu.main, menu);
         return  true ;
     }
}


接下来看看FragmentAdapter如何实现的.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
public  class  FragmentAdapter  extends  FragmentPagerAdapter {
     private  Context mContext;
     public  FragmentAdapter(Context context, FragmentManager fm) {
         super (fm);
         mContext = context;
     }
     @Override
     public  Fragment getItem( int  position) {
         Fragment fragment;
         if  (position ==  2 ) {
             fragment =  new  AboutMeFragment();
         else  {
             fragment =  new  TabFragment();
             Bundle args =  new  Bundle();
             args.putInt(TabFragment.TAB_POSITION, position +  1 );
             fragment.setArguments(args);
         }
         return  fragment;
     }
     @Override
     public  int  getCount() {
         return  3 ;
     }
     @Override
     public  CharSequence getPageTitle( int  position) {
         if  (position ==  2 ) {
             return  mContext.getString(R.string.about_me_title);
         else  {
             Locale l = Locale.getDefault();
             return  mContext.getString(R.string.tab_fragment_title, position + 1 ).toUpperCase(l);
         }
     }
}

在getCount()里面设置了3个Tab页, 等position==2的时候也就是最后一个页, 我设置了一个不同于前两个页的about_me页面. 主要是表示: 可以根据需要设置不同类型的Fragment到Adapter里面. 这里两种Fragment分别是TabFragment()和AboutMeFragment()


TabFragment的布局文件只有一个TextView, 就不贴了, 直接看java文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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.lichen.remind.R;
public  class  TabFragment  extends  Fragment {
     public  static  final  String TAB_POSITION =  "tab_position" ;
     public  TabFragment() {
     }
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         View rootView = inflater.inflate(R.layout.fragment_tab, container,  false );
         TextView tabLabel = (TextView) rootView.findViewById(R.id.tab_label);
         tabLabel.setText(getString(R.string.tab_fragment_content, getArguments().getInt(TAB_POSITION)));
         return  rootView;
     }
}


AboutMeFragment的布局文件fragment_tab.xml, 其实也一个TextView, 不过使用了android:drawableTop=""属性.

1
2
3
4
5
6
7
8
9
10
11
12
<? xml  version = "1.0"  encoding = "utf-8" ?>
< LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent"
     android:gravity = "center_horizontal|center_vertical"
     android:orientation = "vertical"  >
     < TextView
         android:layout_width = "wrap_content"
         android:layout_height = "wrap_content"
         android:drawableTop = "@drawable/me"
         android:text = "@string/about_me_email" />
</ LinearLayout >

然后是AboutMeFragment.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import  android.os.Bundle;
import  android.support.v4.app.Fragment;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup;
import  com.lichen.remind.R;
public  class  AboutMeFragment  extends  Fragment {
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         View rootView = inflater.inflate(R.layout.fragment_about_me,container,  false );
         return  rootView;
     }
}


资源文件strings.xml中, 使用了替换值得方式.

1
2
3
4
5
6
7
8
9
<? xml  version = "1.0"  encoding = "utf-8" ?>
< resources  xmlns:xliff = "urn:oasis:names:tc:xliff:document:1.2" >
     < string  name = "app_name" >Remind</ string >
     < string  name = "action_settings" >Settings</ string >
     < string  name = "about_me_title" >关于我</ string >
     < string  name = "about_me_email" >chain_li7@163.com</ string >
     < string  name = "tab_fragment_title" >第 < xliff:g id = "tab_fragment_title_position" >%1$d</ xliff:g > 个Tab</ string >
     < string  name = "tab_fragment_content" >这是第 < xliff:g id = "tab_fragment_content_position" >%1$d</ xliff:g > 个Tab页面</ string >
</ resources >


这样就可以看到上图滚动Tab了.

作者:lc19850921 发表于2013-6-4 2:42:13 原文链接
阅读:44 评论:0 查看评论

相关 [android tab] 推荐:

Android 滚动Tab

- - CSDN博客推荐文章
如果对效果感兴趣, 请耐心看完, 其实不复杂.. 需要android-support-v4.jar的支持.. 主布局文件activity_main.xml. 主Activity, 核心是给mViewPager设置一个Adapter--mFragmentAdapter. 接下来看看FragmentAdapter如何实现的..

Acer Iconia Tab A500 将于 8 月 25 日推出 Android 3.2 更新

- xing - Engadget 中国版
Acer 对于 Iconia Tab A500 的使用者真是贴心,继更新至 3.1 后 Acer 马来西亚官方 Facebook 透露将会在 8 月 25 日提供 Android 3.2 版本的 OTA 更新,除 3.2 版本针对非原生分辨率平板产品提供更好的 Zoom to fit 等功能外,Acer 也允诺将会带给用户更稳定的系统表现.

動画:幼児教育用 Android タブレット VINCI Tab

- GOT4416 - Engadget Japanese
右も左も Android タブレットという昨今ですが、VINCI Tab は見るからにそこらのタブレットとは様子が違います. 仕様は7インチ・800x480解像度のマルチタッチディスプレイ、Cortex A8プロセッサ、512MBメモリ、背面には3メガピクセルカメラ、micro USB端子にmicro SDカード、重さ620gと、ごくごくありふれたつくり.

Samsung Galaxy Tab 7.7 发布,配备 1.4GHz 处理器、Android 3.2、HSPA+

- Benny - Engadget 中国版
大家引颈以待的 Samsung Unpacked 发表会上,厂方终于都发表了名字早已曝光的 Galaxy Tab 7.7. 机如其名,Galaxy Tab 7.7 就是使用一块 7.7 寸屏幕(分辨率为 1280 x 800),但让人高兴的是材质使用了 SuperAMOLED Plus. 系统当然是最新的 Android 3.2 Honeycomb,也当然有 Samsung 自家的 TOUCHWiZ 4.0.

八款 Galaxy Tab 平板將於下月開始更新至 Android 4.0

- - Android 資訊雜誌 android-hk.com
來自 SamMobile 的消息,Samsung 正在準備為一堆 Galaxy Tab 平板提供 Android 4.0 的版本更新,預計在下個月開始陸續發送,最遲八月底之前完成對所有 Galaxy Tab 平板的升級工作. 而這次更新中除了系統本身的升級外,還改善電池續航力和平板整體性能. 以下是將獲得 Android 4.0 更新的 Galaxy Tab 型號:.

谷安: 归功于 Cyanogen,Android 4.0 即将登陆三星 Galaxy Tab 10.1

- August Tan - 谷奥聚合——谷奥主站+谷安 aggregator
有了 CyanogenMod 团队的努力 Android 4.0 不会让我们等太久,Ice Cream Sandwich 源代码发布之后 Cyanogen 的官方 Twitter 账户就放出消息称他们已经开工. Steve Kondik(又名 Cyanogen),他在他的 Google+ 账户上发布了令人兴奋的消息,内容如下:.

[数据图表]Android军团超级黑马亚马逊平板电脑Amazon Kindle Fire,逼近三星Galaxy Tab

- - TechFrom科技源
TechFrom科技源 1.28日,国外创业公司 Flurry ,发布的数据图表研究报告,亚马逊平板电脑Amazon Kindle Fire 成为Android军团中最亮的超级黑马,市场份额直逼 三星公司的 Galaxy Tab. 在所有Android平板电脑中,使用程度分别占据 36%. 另外,剩下的Android 平板电脑使用情况分别是,华硕平板电脑 7%,宏基 7%,摩托罗拉才 4%.

iriver Tab ILT-MX100平板韩国上市

- mrfeixiang@gmail.com - Engadget 中国版
此外,ILT-MX100还具备SRS WOW HD环绕音效、FM收音及DMB电视接收功能,韩国地区售价500000韩元(约合人民币3058元),当然是捆绑LG U+的运营商套餐销售. 继续阅读全文 iriver Tab ILT-MX100平板韩国上市. 此文章网址 | 转寄此文章 | 回应.

Samsung Galaxy Tab 10.1 平板搶先試玩

- Felix - T客邦
因為 Samsung 與 Apple 的專利訴訟案,讓 Samsung Galaxy Tab 10.1 在歐洲的上市之路並不順遂,不過在亞洲市場上,已於8月初在香港上市,台灣也在今日舉辦了媒體體驗會,讓這款強調超輕薄的 10吋 Samsung Galaxy Tab 在台亮相. 處理器:NVIDIA Tegra 2 雙核心處理器.

Galaxy Tab 2 (7.0) 及 Galaxy Tab 2 (10.1) 以平民價推出,率先在美國發售

- - Android 資訊雜誌 android-hk.com
雖然規格及效能上與上一代幾乎沒有分別,只是改用 TI OMAP 4430 取代 Tegra 2 處理器,並直接預載了 Android 4.0 Ice Cream Sandwich 系統,不過價錢上還是具一點吸引力. 此外,Samsung 還計劃在5月推出 Galaxy Play 4.2 多媒體播放器,這款產品已經在 MWC 見過,採用了4.2吋 800×480 的 IPS 螢幕,搭載了 1GHz 單核處理器和 512MB RAM,預載 Android 2.3 Gingerbread 系統,售價由$200美金起跳,約港幣 $1,553.