实现屏幕下方展示的TAB分页

最新推荐文章于 2024-09-26 14:24:29 发布
置顶 最新推荐文章于 2024-09-26 14:24:29 发布
阅读量1.3k 收藏
点赞数
文章标签： layout android encoding xml null search
 首先是效果图：


我把helloandroid兄的源代码整理了一下，并梳理了涉及到的知识点，总结如下：

1、TabActivity的使用
Java代码
  1. public class MainActivity extends TabActivity {   
  2.   
  3.     private TabHost tabHost;   
  4.   
  5.     @Override  
  6.     public void onCreate(Bundle savedInstanceState) {   
  7.   
  8.         super.onCreate(savedInstanceState);   
  9.         setContentView(R.layout.main);   
  10.         tabHost = getTabHost();   
  11.         populateTab();   
  12.   
  13.     }   
  14.   
  15.     /**  
  16.      * 组装tab控件  
  17.      */  
  18.     private void populateTab() {   
  19.   
  20.         Resources res = getResources();   
  21.   
  22.         populateTabItem(R.drawable.tab_home_selector,   
  23.                 res.getString(R.string.tab_home), new Intent(this,   
  24.                         HomeActivity.class));   
  25.         populateTabItem(R.drawable.tab_atme_selector,   
  26.                 res.getString(R.string.tab_refer), new Intent(this,   
  27.                         ReferActivity.class));   
  28.         populateTabItem(R.drawable.tab_message_selector,   
  29.                 res.getString(R.string.tab_secret), new Intent(this,   
  30.                         MessageActivity.class));   
  31.         populateTabItem(R.drawable.tab_explore_selector,   
  32.                 res.getString(R.string.tab_search), new Intent(this,   
  33.                         SearchActivity.class));   
  34.         populateTabItem(R.drawable.tab_focus_selector,   
  35.                 res.getString(R.string.tab_attention), new Intent(this,   
  36.                         AttentionActivity.class));   
  37.   
  38.     }   
  39.   
  40.     /**  
  41.      * 生成tab_item  
  42.      *   
  43.      * @param imageResourceSelector  
  44.      *            图片选择器  
  45.      * @param text  
  46.      *            文本  
  47.      * @param intent  
  48.      *            intent  
  49.      */  
  50.     private void populateTabItem(int imageResourceSelector, String text,   
  51.             Intent intent) {   
  52.   
  53.         View view = View.inflate(this, R.layout.tab_item, null);// 拼装view   
  54.         ((ImageView) view.findViewById(R.id.tab_item_imageview))   
  55.                 .setImageResource(imageResourceSelector);   
  56.         ((TextView) view.findViewById(R.id.tab_item_textview)).setText(text);   
  57.   
  58.         TabSpec spec = tabHost.newTabSpec(text).setIndicator(view)   
  59.                 .setContent(intent);// 将view注入spec   
  60.         tabHost.addTab(spec);   
  61.   
  62.     }   
  63.   
  64. }  
 
  1. public class MainActivity extends TabActivity {  
  2.   
  3.     private TabHost tabHost;  
  4.   
  5.     @Override  
  6.     public void onCreate(Bundle savedInstanceState) {  
  7.   
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.         tabHost = getTabHost();  
  11.         populateTab();  
  12.   
  13.     }  
  14.   
  15.     /** 
  16.      * 组装tab控件 
  17.      */  
  18.     private void populateTab() {  
  19.   
  20.         Resources res = getResources();  
  21.   
  22.         populateTabItem(R.drawable.tab_home_selector,  
  23.                 res.getString(R.string.tab_home), new Intent(this,  
  24.                         HomeActivity.class));  
  25.         populateTabItem(R.drawable.tab_atme_selector,  
  26.                 res.getString(R.string.tab_refer), new Intent(this,  
  27.                         ReferActivity.class));  
  28.         populateTabItem(R.drawable.tab_message_selector,  
  29.                 res.getString(R.string.tab_secret), new Intent(this,  
  30.                         MessageActivity.class));  
  31.         populateTabItem(R.drawable.tab_explore_selector,  
  32.                 res.getString(R.string.tab_search), new Intent(this,  
  33.                         SearchActivity.class));  
  34.         populateTabItem(R.drawable.tab_focus_selector,  
  35.                 res.getString(R.string.tab_attention), new Intent(this,  
  36.                         AttentionActivity.class));  
  37.   
  38.     }  
  39.   
  40.     /** 
  41.      * 生成tab_item 
  42.      *  
  43.      * @param imageResourceSelector 
  44.      *            图片选择器 
  45.      * @param text 
  46.      *            文本 
  47.      * @param intent 
  48.      *            intent 
  49.      */  
  50.     private void populateTabItem(int imageResourceSelector, String text,  
  51.             Intent intent) {  
  52.   
  53.         View view = View.inflate(this, R.layout.tab_item, null);// 拼装view   
  54.         ((ImageView) view.findViewById(R.id.tab_item_imageview))  
  55.                 .setImageResource(imageResourceSelector);  
  56.         ((TextView) view.findViewById(R.id.tab_item_textview)).setText(text);  
  57.   
  58.         TabSpec spec = tabHost.newTabSpec(text).setIndicator(view)  
  59.                 .setContent(intent);// 将view注入spec   
  60.         tabHost.addTab(spec);  
  61.   
  62.     }  
  63.   
  64. }  

Xml代码
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2.   
  3. <TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android">  
  5.   
  6.     <RelativeLayout android:orientation="vertical"  
  7.         android:layout_width="fill_parent" android:layout_height="fill_parent">  
  8.   
  9.         <include android:id="@+id/head_line" layout="@layout/head_line"  
  10.             android:layout_width="fill_parent" android:layout_height="wrap_content" />  
  11.   
  12.         <FrameLayout android:id="@android:id/tabcontent"  
  13.             android:layout_below="@id/head_line" android:layout_width="fill_parent"  
  14.             android:layout_height="fill_parent" android:layout_weight="1.0" />  
  15.   
  16.         <TabWidget android:id="@android:id/tabs" android:background="@drawable/tab_bkg"  
  17.             android:layout_gravity="bottom" android:layout_height="60.0dip"  
  18.             android:layout_width="fill_parent" android:fadingEdge="none"  
  19.             android:fadingEdgeLength="0.0px" android:paddingLeft="0.0dip"  
  20.             android:paddingTop="2.0dip" android:paddingRight="0.0dip"  
  21.             android:paddingBottom="0.0dip" android:layout_alignParentBottom="true"  
  22.             android:layout_alignParentTop="false" />  
  23.   
  24.     </RelativeLayout>  
  25.   
  26. </TabHost>  
 
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2.   
  3. <TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android">  
  5.   
  6.     <RelativeLayout android:orientation="vertical"  
  7.         android:layout_width="fill_parent" android:layout_height="fill_parent">  
  8.   
  9.         <include android:id="@+id/head_line" layout="@layout/head_line"  
  10.             android:layout_width="fill_parent" android:layout_height="wrap_content" />  
  11.   
  12.         <FrameLayout android:id="@android:id/tabcontent"  
  13.             android:layout_below="@id/head_line" android:layout_width="fill_parent"  
  14.             android:layout_height="fill_parent" android:layout_weight="1.0" />  
  15.   
  16.         <TabWidget android:id="@android:id/tabs" android:background="@drawable/tab_bkg"  
  17.             android:layout_gravity="bottom" android:layout_height="60.0dip"  
  18.             android:layout_width="fill_parent" android:fadingEdge="none"  
  19.             android:fadingEdgeLength="0.0px" android:paddingLeft="0.0dip"  
  20.             android:paddingTop="2.0dip" android:paddingRight="0.0dip"  
  21.             android:paddingBottom="0.0dip" android:layout_alignParentBottom="true"  
  22.             android:layout_alignParentTop="false" />  
  23.   
  24.     </RelativeLayout>  
  25.   
  26. </TabHost>  

可以看到，TabActivity是继承自Activity，包含了一个TabHost组件。TabHost组件则是继承自FrameLayout的ViewGroup。

TabHost组件本身的id必须是@android:id/tabhost，它必须包含一个FrameLayout，并且该FrameLayout的id必须是@android:id/tabcontent，此外还要包含一个TabWidget，id是@android:id/tabs。

FrameLayout可以放置每个单独的Activity，而TabWidget则是每个Tab页签。默认第一个页签对应的Activity，会首先显示在FrameLayout里。然后每次点击其他的Tab页签，对应的Activity就会切换显示到FrameLayout里。这个有点类似html中的frameset的概念

2、在main.xml中有一行
Xml代码
  1. <include android:id="@+id/head_line" layout="@layout/head_line"  
  2.             android:layout_width="fill_parent" android:layout_height="wrap_content" />  
view plain copy to clipboard print ?
  1. <include android:id="@+id/head_line" layout="@layout/head_line"  
  2.             android:layout_width="fill_parent" android:layout_height="wrap_content" />  

作用是引入另一个View文件，head_line.xml
Xml代码
  1. <RelativeLayout android:background="@drawable/header"  
  2.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.     xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   
  5.     <Button android:id="@+id/top_btn_left" android:textColor="@color/button_text_selector"  
  6.         android:background="@drawable/top_refresh_selector"  
  7.         android:layout_width="wrap_content" android:layout_height="wrap_content"  
  8.         android:layout_marginLeft="12.0dip" android:layout_alignParentLeft="true"  
  9.         android:layout_centerVertical="true" />  
  10.   
  11.     <Button android:id="@+id/top_btn_right" android:textColor="@color/button_text_selector"  
  12.         android:background="@drawable/top_edit_selector" android:layout_width="wrap_content"  
  13.         android:layout_height="wrap_content" android:layout_marginRight="12.0dip"  
  14.         android:layout_alignParentRight="true" android:layout_centerVertical="true" />  
  15.   
  16.     <TextView android:id="@+id/top_title" android:textSize="22.0sp"  
  17.         android:textColor="@color/head_line_text" android:ellipsize="middle"  
  18.         android:gravity="center_horizontal" android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content" android:text="@string/user_name"  
  20.         android:singleLine="true" android:layout_toLeftOf="@id/top_btn_right"  
  21.         android:layout_toRightOf="@id/top_btn_left"  
  22.         android:layout_centerInParent="true"  
  23.         android:layout_alignWithParentIfMissing="true" />  
  24.   
  25. </RelativeLayout>  
 
  1. <RelativeLayout android:background="@drawable/header"  
  2.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.     xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   
  5.     <Button android:id="@+id/top_btn_left" android:textColor="@color/button_text_selector"  
  6.         android:background="@drawable/top_refresh_selector"  
  7.         android:layout_width="wrap_content" android:layout_height="wrap_content"  
  8.         android:layout_marginLeft="12.0dip" android:layout_alignParentLeft="true"  
  9.         android:layout_centerVertical="true" />  
  10.   
  11.     <Button android:id="@+id/top_btn_right" android:textColor="@color/button_text_selector"  
  12.         android:background="@drawable/top_edit_selector" android:layout_width="wrap_content"  
  13.         android:layout_height="wrap_content" android:layout_marginRight="12.0dip"  
  14.         android:layout_alignParentRight="true" android:layout_centerVertical="true" />  
  15.   
  16.     <TextView android:id="@+id/top_title" android:textSize="22.0sp"  
  17.         android:textColor="@color/head_line_text" android:ellipsize="middle"  
  18.         android:gravity="center_horizontal" android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content" android:text="@string/user_name"  
  20.         android:singleLine="true" android:layout_toLeftOf="@id/top_btn_right"  
  21.         android:layout_toRightOf="@id/top_btn_left"  
  22.         android:layout_centerInParent="true"  
  23.         android:layout_alignWithParentIfMissing="true" />  
  24.   
  25. </RelativeLayout>  

用这种方式可以实现View组件的复用，是很方便的，可以学习一下这种方式。把要复用的View写在单独的xml文件里，然后在其他需要的地方，只要直接include就可以了

3、每个Tab页签对应的View是tab_item.xml
Xml代码
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <LinearLayout android:orientation="vertical"  
  3.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  4.     xmlns:android="http://schemas.android.com/apk/res/android">  
  5.   
  6.     <ImageView android:id="@+id/tab_item_imageview"  
  7.         android:layout_width="fill_parent" android:layout_height="32.0dip"  
  8.         android:scaleType="fitCenter" />  
  9.   
  10.     <TextView android:id="@+id/tab_item_textview"  
  11.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  12.         android:gravity="center" android:singleLine="true"  
  13.         android:marqueeRepeatLimit="1" android:textSize="11.0sp"  
  14.         android:ellipsize="marquee" />  
  15.   
  16. </LinearLayout>  
 
            <?xml version="1.0" encoding="UTF-8"?>  
  1. <LinearLayout android:orientation="vertical"  
  2.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.     xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   
  5.     <ImageView android:id="@+id/tab_item_imageview"  
  6.         android:layout_width="fill_parent" android:layout_height="32.0dip"  
  7.         android:scaleType="fitCenter" />  
  8.   
  9.     <TextView android:id="@+id/tab_item_textview"  
  10.         android:layout_width="fill_parent" android:layout_height="wrap_content"  
  11.         android:gravity="center" android:singleLine="true"  
  12.         android:marqueeRepeatLimit="1" android:textSize="11.0sp"  
  13.         android:ellipsize="marquee" />  
  14.   
  15. </LinearLayout>  

然后在java代码中进行组装
Java代码  
  1. View view = View.inflate(this, R.layout.tab_item, null);// 拼装view   
  2.         ((ImageView) view.findViewById(R.id.tab_item_imageview))   
  3.                 .setImageResource(imageResourceSelector);   
  4.         ((TextView) view.findViewById(R.id.tab_item_textview)).setText(text);   
  5.   
  6.         TabSpec spec = tabHost.newTabSpec(text).setIndicator(view)   
  7.                 .setContent(intent);// 将view注入spec   
  8.         tabHost.addTab(spec);  
 
  1. View view = View.inflate(this, R.layout.tab_item, null);// 拼装view   
  2.         ((ImageView) view.findViewById(R.id.tab_item_imageview))  
  3.                 .setImageResource(imageResourceSelector);  
  4.         ((TextView) view.findViewById(R.id.tab_item_textview)).setText(text);  
  5.   
  6.         TabSpec spec = tabHost.newTabSpec(text).setIndicator(view)  
  7.                 .setContent(intent);// 将view注入spec   
  8.         tabHost.addTab(spec);  

这部分的详细说明，可以看google提供的API

4、然后这个页面中用到了selector的概念，即当要动态改变某些组件的属性，如颜色，字体大小等，可以用selector来进行动态选择，这里有点类似CSS中的伪类的概念
Xml代码
  1. android:textColor="@color/button_text_selector"  

 

  1. android:textColor="@color/button_text_selector"  

Xml代码
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2.   
  3. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   
  5.     <item android:state_pressed="true" android:color="@color/button_text_pressed" />  
  6.   
  7.     <item android:state_selected="true" android:color="@color/button_text_pressed" />  
  8.   
  9.     <item android:color="@color/button_text_normal" />  
  10.   
  11. </selector>  
 
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2.   
  3. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   
  5.     <item android:state_pressed="true" android:color="@color/button_text_pressed" />  
  6.   
  7.     <item android:state_selected="true" android:color="@color/button_text_pressed" />  
  8.   
  9.     <item android:color="@color/button_text_normal" />  
  10.   
  11. </selector>  

上面代码的意思是，根据按钮控件是否按下，是否选择，在运行时动态决定颜色。通过同样的方式，还可以动态决定一个按钮的图片
Xml代码
  1. <selector  
  2.   xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/top_edit_normal" />  
  4.     <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/top_edit_press" />  
  5.     <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/top_edit_normal" />  
  6.     <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/top_edit_press" />  
  7.     <item android:state_pressed="true" android:drawable="@drawable/top_edit_press" />  
  8. </selector>  
 
  1. <selector  
  2.   xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/top_edit_normal" />  
  4.     <item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/top_edit_press" />  
  5.     <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/top_edit_normal" />  
  6.     <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/top_edit_press" />  
  7.     <item android:state_pressed="true" android:drawable="@drawable/top_edit_press" />  
  8. </selector>  

5、这个页面还用到了一个比较特殊的技巧，就是通过xml，而不是静态图片来绘制背景
Xml代码
  1. <RelativeLayout android:background="@drawable/header"  
  2.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.     xmlns:android="http://schemas.android.com/apk/res/android">  
 
  1. <RelativeLayout android:background="@drawable/header"  
  2.     android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.     xmlns:android="http://schemas.android.com/apk/res/android">  

上面代码中的android:background="@drawable/header"，指向drawable文件夹中的header.xml
Xml代码
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2.   
  3. <shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   
  5.     <gradient android:startColor="#ff6c7078" android:endColor="#ffa6abb5"  
  6.         android:angle="270.0" android:type="linear" />  
  7.   
  8. </shape>  
 
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2.   
  3. <shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">  
  4.   
  5.     <gradient android:startColor="#ff6c7078" android:endColor="#ffa6abb5"  
  6.         android:angle="270.0" android:type="linear" />  
  7.   
  8. </shape>  
cding1818
关注
css图片滑动切换图_前端开发之使用纯CSS实现炫酷Tab切换
weixin_39532699的博客
11-22 668
效果展示选中样式制作将每个 tab 设置固定宽度。每个tab 添加相对定位，居中，行高添加伪类，伪类设置绝对定位，在底部。设置伪类的宽度为 0%(伪类会继承该元素的宽度)设置选中时候的伪类宽度为50%(视情况而定)给元素添加过渡样式HTML代码(wxml){{item.name}}CSS(less)：.nav-bar{position: relative;z-index: 10;height: 9...
layui- 分页
麦兜仪的博客
04-20 341
分页 //css /*page分页工具固定底部位置显示*/ .layui-table-page { background: #FFFFFF; position: fixed; bottom: 0; z-index: 19890000; } // HTML <div class="layui-table-page"> <!-- 分页工具 --> &l
Tab分页式菜单
10-26
Tab分页式菜单Android之Tab分页标签的实现方法一-----可滑动的Tab的3种方式
简单易用的tab分页
03-25
使用fragment完成的tab分页，配置文件实现的RadioGroup背景点击效果和图标的变换
各种Tab标签页设计与实现：实战示例与要点分析
最新发布
weixin_36487018的博客
09-26 1865
本文还有配套的精品资源，点击获取 简介：网页设计中，Tab标签页通过简洁的用户界面提供信息组织和展示，改善用户体验和页面可读性。本文深入探讨Tab标签页的基本结构、实现技术、设计原则、自定义功能和移动端适配，以及流行的实现库和插件。掌握这些知识点对于创建高效、易用的Tab标签页至关重要，能够提升网页开发效率并优化用户体验。 1. Tab标签页基本结构介绍 在...
Tab分页菜单
08-29
GridView+ActivityGroup 实现Tab分页
利用ActivityGroup实现Tab分页标签
wangjia55的专栏
03-04 740
1 什么是ActivityGroup？         让我们先看看官方的文档里是怎么说的。（PS:我们下载的SDK里面就有，打开docs文件夹，使用浏览器查看index.html。） java.lang.Object     ?android.content.Context         ?android.content.ContextWrapper
ActionBar用Tab+ViewPager+Fragment实现快速导航.
07-30
标题提到的"ActionBar用Tab+ViewPager+Fragment实现快速导航"是一种常见的做法，它充分利用了Android SDK提供的组件和模式来创建一个可滑动、分页的界面，使用户能够轻松地在多个内容区域之间切换。以下是对这个主题...
Android自定义TabMenu实现与动画效果详解
实现自定义TabMenu的关键在于利用PopupWindow组件，它被设计成一个带有两个GridView的弹出窗口：一个作为分页标签显示在PopupWindow的顶部，用于导航不同的菜单页面；另一个用于展示实际的菜单选项。作者在代码中...
Gravity Falls wallpaper New Tab-crx插件
03-14
有了这个新的分页扩展名，您将获得精美的新分页，其中的背景墙纸会随着您在网络中浏览而随机变化，而在该领域没有任何区别。 借助Gravity Falls Wallpaper New Tab扩展程序，除了改组壁纸以外，您还可以获得其他一些...
jquery tab 水平tab分页
chengyu0485的博客
09-10 336
<script type="text/javascript" src="js/jquery.tab.js"></script> <script type="text/javascript"> $(document).ready(function() { ...
android两种Tab分页的方式:TabActivity和ActivityGroup
移动端开发
04-12 947
许多软件，因为功能比较多，都喜欢采用Tab分页。在Android里面Tab分页，常用的方法有两种：        1、采用TabActivity和TabHost的结合        2、采用ActivityGroup和GridView的结合。    一、TabActivity和TabHost的结合             1.主类继承TabActivity            pu
jquery实现tab分页
WiseGirls的博客
11-10 289
今日小案例 01.tab分页 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>
微信小程序 - tab分页实现
iotjin的专栏
05-10 1994
demo 地址: https://github.com/iotjin/Jh_weapp 效果图： 引用微信 tabs ，命令行执行之后重新构建npm npm i @miniprogram-component-plus/tabs --save js 代码： Page({ /** * 页面的初始数据 */ data: { active: 1, arr:['1','2','3','4'], tabs: [], arr2: [], activeT.
企业级Android Framework内核源码解析，Framework到底从何学起？
2401_84519907的博客
05-01 658
最后对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。
Android中实现可滑动的Tab的3种方式
像个孩子壹洋
08-22 1051
这篇文章主要介绍了Android中实现可滑动的Tab的3种方式,需要的朋友可以参考下 1. 第一种，使用 TabHost + ViewPager 实现 该方法会有一个Bug，当设置tabHost.setCurrentTab()为0时，ViewPager不显示（准确的说是加载），只有点击其他任意一个tab后才会加载。 有解的同学吼一声~~~~~~~
同一页面tab切换对应显示内容分页实现
做一个会编程的人
07-31 6893
通过index判断哪个tab被选中，然后使其激活，其兄弟节点失去激活状态。
GridView与ActivityGroup实现的TAB分页示例与源码
本文档主要介绍了如何使用GridView和ActivityGroup在Android中实现一种独特的分页方式，不同于常见的TabHost和TabActivity组合。作者通过将Activity转换为Window并将其视为View添加到布局容器中，来达到分页的效果。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值