TabHost中嵌套ScrollView的简单样例

最新推荐文章于 2022-02-13 23:28:09 发布
最新推荐文章于 2022-02-13 23:28:09 发布
阅读量575 收藏
点赞数
分类专栏： TabHost中嵌套ScrollView的简单样例 文章标签： TabHost中嵌套ScrollView android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/it2009hui/article/details/41649833
版权

注：tabHost中的ScrollView无法滑动时是由于没有引用ScrollView标签

第1步：先在 activity_main.xml中做一个样例布局。

<LinearLayout 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:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TabHost
        android:id="@+id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="8" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <ScrollView
                    android:id="@+id/tab1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="vertical" >

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地1" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地1" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地1" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地1" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地1" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地1" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地2" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地2" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地2" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地3" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地3" />

                        <TextView
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="土地3" />
                    </LinearLayout>
                </ScrollView>

                <ScrollView
                    android:id="@+id/tab2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="vertical" >

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />

                        <EditText
                            android:layout_width="match_parent"
                            android:layout_height="50dp"
                            android:text="孙悟空" />
                    </LinearLayout>
                </ScrollView>

                <ScrollView
                    android:id="@+id/tab3"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >

                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:orientation="vertical" >

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />

                        <ImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:src="@drawable/ic_launcher" />
                    </LinearLayout>
                </ScrollView>
            </FrameLayout>
        </LinearLayout>
    </TabHost>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal" >

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="确定" 
            android:layout_weight="1"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="取消" 
            android:layout_weight="1"/>
    </LinearLayout>

</LinearLayout>


第2步：编写MainActivity

package com.example.tabhosttest;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TabHost;

public class MainActivity extends Activity {
	TabHost tabHost;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		tabHost=(TabHost) findViewById(R.id.tabhost);
		tabHost.setup();
		
		tabHost.addTab(tabHost.newTabSpec("page1").setContent(R.id.tab1).setIndicator("页1"));
		tabHost.addTab(tabHost.newTabSpec("page2").setContent(R.id.tab2).setIndicator("页2"));
		tabHost.addTab(tabHost.newTabSpec("page3").setContent(R.id.tab3).setIndicator("页3"));
	}


}


it2009hui
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android TabHost+ScrollView实现项卡切换+下拉显示头部效果 源码
10-17
一个帮你实现选项卡切换+下拉显示头部等效果的布局。
Android ScrollView和TabHost混合使用问题记录
kevinlwf的专栏
09-27 260
TabHost中的标签页众多，所以要做成横向可滚动的，在TabWidget外加一层HorizontalScrollView. 由于TabHost中的item是TextView，并且每个TextView的宽度不一样，这样就会导致没动到最后的时候会多出来一段空白，具体的原因如下： TabWidget has measureWithLargestChild set to true by defaul...
android让你的TabHost滑动起来
观千剑而后识器，操千曲而后晓声。
07-13 9399
在Android应用中，一般TabActivity和若干个Tab选项卡（TabWidget）。如果选项卡的数量超过了5个，就不适合放到一个屏幕中，这样可以让这些选项卡滑动起来。 滑动的选项卡的实现有好几种方式，在这些方式中，最简单也是我最满意的还是在原生的TabActivity上修改，将上面的选项卡改为可滑动的状态。这样既有新的滑动的效果，也保留了原有TabActivity的各项功能。 实现T
Android：UI控件scrollView、TabHost
weixin_34343689的博客
11-08 117
UI控件scrollView： 容器内最外层只能有一个布局。 UI控件TabHost: 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 34 35 publicclassMainActivitye...
让fragmentTabhost这类固定的bar能够滑动起来
z2wenfa的博客
09-22 1266
最近，做了个项目同事使用了FragmentTabhost来作为软件的底部的选择类似actionbar的功能，点击不同的按钮加载不同的fragment，但是老板希望能够让他能够滑动起来，原本想的很简单，准备直接加个scrollview来实现，实际做起来发现，scrollview 的Touchevent被拦截了无法获取，查了下资料顺便回顾了一下android的拦截机制，故决定从高层的分发入手自己实现一
Android TabHost 标签在屏幕左侧样例
12-26
在给定的"Android TabHost 标签在屏幕左侧样例"中，我们将探讨如何通过自定义TabHost来实现标签栏位于屏幕左侧或右侧的效果。 首先，我们需要了解TabHost的基本使用。TabHost通常与TabWidget（标签）和FrameLayout...
tabhost里面嵌套viewpager
07-10
在Android开发中，`TabHost`和...通过以上知识点的讲解，你应该能够理解如何在`TabHost`中嵌套`ViewPager`，以及如何实现一个具有动态页面切换功能的标签页应用。不过，具体实现还需要结合实际项目代码进行调整和优化。
安卓 tabhost嵌套tabhost
04-09
接着，在Tab1Activity中，我们处理这个嵌套的TabHost： ```java TabHost nestedTabHost = (TabHost) findViewById(R.id.nested_tabhost); nestedTabHost.setup(); TabSpec nestedTab1 = nestedTabHost.newTabSpec...
tabhost 嵌套tabhost， 很简单的demo
06-21
这个"tabhost 嵌套tabhost， 很简单的demo"是一个示例，它展示了如何在一个TabHost内嵌套另一个TabHost，以实现更复杂的布局和交互效果。下面将详细介绍这个知识点。 1. **TabHost的基本概念** TabHost是Android ...
android FragmentTabhost+ViewPager实现可滑动的标签页
08-28
android实现可滑动标签页有很多方法，这里给大家介绍一种官方推荐，性能最高，并且代码最少的方式，就是利用FragmentTabhost+ViewPager+FragmentPagerAdapter来实现。
listview和viewpager及tabhost的touch事件冲突的解决
04-24
listview和viewpager及tabhost的touch事件冲突的解决，至少可以实现在重写父viewGroup的onintercpettouchevent的实现拦截和重写子viewGroup的onintercpettouchevent实现不允许拦截。
使用ScrollView和TabHost实现垂直滚动条，选项卡
u012906122的专栏
02-13 978
1 滚动条 滚动视图ScrollView是FrameLayout的子类。默认情况下滚动条不显示，拖动后显示，停止拖动后滚动条消失。 垂直滚动条：ScrollView 水平滚动条：HorizontalScrollView 两中方式添加滚动视图： 1 xml布局文件 <ScrollView android:id="@id/scrollView" android:layout_width="match_parent" android:layout_height="wrap_pare
tabhost+滚动条的效果实现
????的专栏
02-15 549
方案1: tabhost+viewPager 参考连接： http://blog.csdn.net/qjlhlh/article/details/7788444 github上有更强大，以封装好的相关类库 连接为：https://github.com/LuckyJayce/ViewPagerIndicator 方案2： 在tabhost所在xml写一个View占位符，摆在tabhos
listview 顶部添加tabhost，list滑动时tabhost可以悬浮、缩放的效果
u010020111的专栏
11-16 1108
为了达到此效果，我做了很多尝试    思路一：
TabHost 切换带滑动及tab页的数据添加
mengboxingx的博客
05-22 139
一、在layout下创建TabHost的home.xml &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tabhost" android:layout_...
SearchView，TabHost，ScrollView的基本使用
aserbao的博客
12-18 9781
Fragment子类关系图： SearchView的使用 TabHost的使用注意事项 ScrollView的功能和用法 SearchView的使用：SearchView是搜索框组件，可以让用户在文本框中输入文字，并允许通过该监听器监控用户输入，当用户输入完成后提交到搜索时，也可以通过监听器执行实际的搜索`。` 常用方法如下： // 设置该SearchView默认是否
解决ScrollView嵌套带listView的Tab页（TabLayout）所产生的的滑动冲突
五万年前走丢了
01-22 2303
效果图镇楼 如果我们想要完成上图所产生的效果，必须深层次的解决ScrollView嵌套ListView所产生的的滑动冲突，解决滑动冲突的最好办法就是重写底层布局的滑动监听事件，有兴趣的同学可以去看一下android开发艺术探索，对滑动冲突的解决写的比较全面。这里我们就不多赘述，五万在这里将自己重写好的底层布局分享给大家，大家直接拿去用就好了。不用谢我，点赞就好。 一，讲五万写好布局文件和适
Android TabHost与ScrollView详解：提升用户体验的关键组件
主要关注的是Android中的TabHost和ScrollView组件，以及ListView的基本使用。 1. **TabHost详解**： TabHost在Android中扮演着关键角色，它允许开发者在单个Activity中实现类似HTML页面的多标签功能，提供用户更...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值