Anroid-通用组件- 滚动视图组件（ScrollView）-选项卡组件（TabHost-TabWidge-FrameLayout）

最新推荐文章于 2024-05-17 09:40:29 发布
最新推荐文章于 2024-05-17 09:40:29 发布
阅读量329 收藏
点赞数
分类专栏： Android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdnbian/article/details/109769548
版权

Android提供了ScrollView滚动视图组件，用于为组件提供滚动效果，还提供了选项卡组件它由（TabHost-TabWidge-FrameLayout）三个组件组成，

滚动视图组件（ScrollView）

1.当内容比较多，不能一屏显示的时候，就用到了滚动条组件，用户可以通过滚动屏幕查看完整内容。
2.滚动视图组件继承自帧布局管理器，
3.因此在滚动条组件中可以添加任意组件，但是一个滚动视图里只能放一个组件。
4.如果有放入多个组件组件的需求，可以在滚动视图里添加一个布局管理器，然后将组件放在布局管理器中
5.滚动条拖动才会显示。默认不显示，停止拖动后，会消失

1基本语法

<ScrollView 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">
  <布局管理器>
   	 <组件>
 <布局管理器>
</ScrollView>

2.实例利用java代码添加滚动条（不是直接在布局上加）----此处有直接在java代码中创建组件的方法

①在string.xml文件里设置一个文本数据源shi_text

 <string name="shi_text">
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
        			   2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       2\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
                       一\t\t\t\t\t\t万\n\n
    </string>

②xml文件，设置一个布局管理器，并设置id和布局方式

<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"
    tools:context="${relativePackage}.${activityClass}"
    android:orientation="vertical"
    android:id="@+id/scrollview_layout"                     `设置布局id`
    android:gravity="center_horizontal"                     `设置布局方式`
     >
</LinearLayout>

③java文件

原理：
Ⅰ.获取布局管理器组件，并创建文本组件和滚动条组件，
Ⅱ.把文本数据添加到文本组件里（.setText()）,再把文本组件添加到滚动条组件里（.addView）,在把滚动条组件添加到布局管理器中（.addView）

public class ScrollViewActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_scroll_view);
		
		`根据id获取线性布局管理器`
		LinearLayout scrollview_layout=(LinearLayout) findViewById(R.id.scrollview_layout);
		`创建滚动条组件`
		ScrollView scrollview = new ScrollView(ScrollViewActivity.this);   `参数：this`
		`创建文本框组件`
		TextView textview = new TextView(ScrollViewActivity.this);         `参数：this`
		textview.setText(R.string.shi_text);        `添加文本内容到文本框组件`
		scrollview.addView(textview);				`把文本框添加到滚动视图组件`
		scrollview_layout.addView(scrollview);      `将滚动视图组件添加带布局文件`
	}
}

效果：：：
在这里插入图片描述

选项卡组件

1.当一个页面无法满足显示需求，
2.同时这些页面具有不同的功能属性，
3.则可以采用选项卡组件，这样既满足分页显示还不至于排列凌乱。

1.实现选项卡分页功能的步骤

1.在布局文件中添加实现选项卡的三个组件即，TabHost-TabWidge-TabContent.通常情况下TabContent组件需要FrameLayout来实现
2.为不同的分页建立对应的Xml布局文件
3.在Activity中获取并初始化TabHost组件
4.为TabHost对象添加标签页

2.TabHost-TabWidge-TabContent-TabHost详解

  1. 使用选项卡组件，TabHost，TabHost必不可少
  2. TabWidget : 该组件就是TabHost标签页中上部 或者 下部的按钮, 可以点击按钮切换选项卡;默认按钮在上边
    将按钮放到下面:将该组件定义在下面, 但是注意,FrameLayout要设置android:layout_widget = 1;
    设置TabWidget大小 : 如果想要设置该按钮组件的大小, 可以设置该组件与FrameLayout组件的权重;
  3. Fragement组件代表内容
  4. TabContent.通常情况下TabContent组件需要FrameLayout来实现

在这里插入图片描述

3.实例—切换xml页面—问题点击切换的页面（tabhost_first.xml）只能是下边的格式，别的加载不出来！！！！

①创建选项卡的切换文件

tabhost_first.xml

<?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:orientation="vertical"
    android:id="@+id/tabhost_first" 
    >
    
    <ImageView
        android:layout_width="match_parent" 
        android:layout_height="match_parent"
        android:src="@drawable/a3"
        />
</LinearLayout>

tabhost_second.xml

<?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:orientation="vertical"
    android:id="@+id/tabhost_second"
    >
    
    <ImageView
        android:layout_width="match_parent" 
        android:layout_height="match_parent"
        android:src="@drawable/a4"
        />

</LinearLayout>

tabhost_three.xml

<?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:orientation="vertical"
    android:id="@+id/tabhost_three"
    >
    
    <ImageView
        android:layout_width="match_parent" 
        android:layout_height="match_parent"
        android:src="@drawable/a5"
        />

</LinearLayout>

②主要的xml文件----tabhost.xml

<TabHost 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"
    tools:context="${relativePackage}.${activityClass}"
    android:id="@android:id/tabhost"
     >
     <!-- TabHost组件的命名方式不一样，不按照这个命名会报错 -->
     <!-- 设置id是用的@android:id/ -->
    <LinearLayout
        android:layout_width="match_parent"
    	android:layout_height="match_parent" 
    	android:orientation="vertical"
        > 
        `FrameLayout`       
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@android:id/tabcontent" 
            `下部显示文字`
            android:layout_weight="1"
            >  
        </FrameLayout>
        `TabWidget`
        <TabWidget
            android:layout_width="match_parent" 
            android:layout_height="wrap_content"
            android:id="@android:id/tabs" >              
        </TabWidget>
    </LinearLayout>
</TabHost>

③java文件

原理：获取选项卡组件，实例化LayoutInflater对象，利用inflate方法放入把页面放入选项卡内，实例化切换页面。设置文本与页面相对应

public class TabHostActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_tab_host);
		
		`获取选项卡组件`        	                
		TabHost tabhost = (TabHost) findViewById(`android`.R.id.tabhost);
		`加载选项卡组件`
		tabhost.setup();
		`声明并实例化一个LayoutInflater对象`
		LayoutInflater layoutinflater = LayoutInflater.from(this);     `注意，没有new`
		`调用inflate方法        参数1：引入页面            参数2：把页面放进选项卡`
		layoutinflater.inflate(R.layout.tabhost_first, tabhost.getTabContentView());
		layoutinflater.inflate(R.layout.tabhost_second,tabhost.getTabContentView());
		layoutinflater.inflate(R.layout.tabhost_three,tabhost.getTabContentView());
		
		
		`实例化页面                         参数：标签名       参数：按钮文本      图片              参数：放入页面 `   
		tabhost.addTab(tabhost.newTabSpec("tabhost_first").setIndicator("花",null).setContent(R.id.tabhost_first));
		`实例化页面                                                            引入图片的方法`
		tabhost.addTab(tabhost.newTabSpec("tabhost_second").setIndicator("水母"getResources().getDrawable(R.drawable.b2)).setContent(R.id.tabhost_second));
		`实例化页面`
		tabhost.addTab(tabhost.newTabSpec("tabhost_three").setIndicator("水母").setContent(R.id.tabhost_three));
		
	}
}

效果：：：

在这里插入图片描述

实例3，切换Activity活动

原理：同上，继承TabActivity父类，不需要实例化页面，需要引入Intent对象，设置文字与Activity对应

									 `继承TabActivity父类-划线表示过时`
public class TabHostActivity extends TabActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_tab_host);
		`设置传递信使`
		Intent intent1 = new Intent(this,CheckBoxActivity.class);
		Intent intent2 = new Intent(this,SpinnerActivity.class);
		Intent intent3 = new Intent(this,SeekBarActivity.class);
		
		`获取选项卡组件`        	                 `android.R.id.tabhost`
		TabHost tabhost = (TabHost) findViewById(android.R.id.tabhost);
		`加载`
		tabhost.setup();
	
		`声明并实例化一个LayoutInflater对象`
		LayoutInflater layoutinflater = LayoutInflater.from(this);     `注意，没有new`
		//添加第一个标签                             `标签名`                                                                                                               
				tabhost.addTab(tabhost.newTabSpec("tabhost_first")
						            `按钮名  显示的图片`    
						.setIndicator("花",getResources().getDrawable(R.drawable.b0))
						`引入文件`
						.setContent(intent1)
						);
		//添加第二个标签
				tabhost.addTab(tabhost.newTabSpec("tabhost_second")
						.setIndicator("水母",null)
						.setContent(intent2)
						);
				
				
		//添加第三个标签
				tabhost.addTab(tabhost.newTabSpec("tabhost_three")
						.setIndicator("水母",null)
						.setContent(intent3)
						); 		
	}
}

效果：：：

在这里插入图片描述

无敌防风镜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决微信小程序scroll-view组件无横向滚动的问题
10-15
在微信小程序开发中，`scroll-view`组件是一个非常重要的组件，它允许用户在内容超过屏幕范围时进行滚动浏览。然而，有时我们可能会遇到一个常见问题，即`scroll-view`组件无法实现横向滚动。本文将详细解析这个问题...
Android学习笔记（二十）:高级UI组件—-通用组件(滚动视图ScrollView)
01-03
通用组件(滚动视图ScrollView) 滚动视图 当窗体当中的内容比较多，一屏幕显示不下时，超出的部分就不能被用户看到。可以添加一个滚动条，当用户上下拖动屏幕时，就会显示出一个滚动条，屏幕中的内容也会随着用户的...
Android从入门到精通——学习笔记：Chapter05-高级UI组件
qq_52252613的博客
04-28 914
Android高级UI组件
探索创新交互——深度解析ScrollLayout开源项目
最新发布
gitblog_00002的博客
05-17 253
探索创新交互——深度解析ScrollLayout开源项目 项目地址:https://gitcode.com/yingLanNull/ScrollLayout 在这个不断追求用户体验优化的时代，Android开发者们一直在寻找独特且引人入胜的交互设计来提升应用的吸引力。今天，我们要介绍一个非常有趣的开源项目——ScrollLayout，一个实现了在ScrollView或ListView内部使用Vie...
使用ScrollView和TabHost实现垂直滚动条，选项卡
u012906122的专栏
02-13 952
1 滚动条 滚动视图ScrollView是FrameLayout的子类。默认情况下滚动条不显示，拖动后显示，停止拖动后滚动条消失。 垂直滚动条：ScrollView 水平滚动条：HorizontalScrollView 两中方式添加滚动视图： 1 xml布局文件 <ScrollView android:id="@id/scrollView" android:layout_width="match_parent" android:layout_height="wrap_pare
android开发基础3-高级UI组件（明日科技教程）
blind cat
06-03 275
进度条等组件
安卓开发学习7-3：列表类组件
qq_43967413的博客
01-28 2744
下拉列表框基本使用静态指定通过Java文件指定内容列表视图基本使用静态指定动态指定实例滚动视图基本使用选项卡选项卡实现步骤实例 下拉列表框 基本使用 静态指定 <Spinner android:layout_width="wrap_content" android:layout_height="wrap_content" android:entries="@array/menu" ></Spinner> 静态指定文件，这里的@array/men.
UI组件-实用组件
weixin_34198583的博客
10-23 76
前言 我们听过无数的道理，却仍旧过不好这一生。 Toast组件 Toast是一种非常方便的提示消息框，它会在程序界面上显示一个简单的提示信息。它具有如下两个特点。 Toast提示信息不会获得焦点。 Toast提示信息过一段时间会自动消失。 使用Toast来生成提示消息也非常简单，只要如下几个步骤。 调...
android基础-数值选择器（NumberPicker）、搜索框（SearchView）、选项卡（TabHost）、滚动视图（ScrollView）、Notification
qq_20967339的博客
08-16 2368
1. 数值选择器（NumberPicker） 实例：选择您意向的价格范围public class MainActivity extends AppCompatActivity { NumberPicker np1, np2; // 定义最低价格、最高价格的初始值 int minPrice = 25, maxPrice = 75; @Override pro
android六大布局和UI组件
俊墨客
07-06 1439
一:android之六大布局 1、在4.0以前版本中一共有五种布局，都是ViewGroup的子类。分别是AbsoluteLayout、RelativeLayout、LinearLayout、(FrameLayout)、TableLayout。而TableLayout是LinearLayout的子类。（中文分别是：绝对布局、相对布局、线性布局、帧布局、表格布局）。 2、在2.2操作系统中将Ab...
Android学习7--高级界面组件
lixj517990544的专栏
02-08 5109
1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTextV
android 分割线组件,Android零基础入门｜RecyclerView分割线开发技巧
weixin_29521135的博客
05-25 289
原标题：Android零基础入门｜RecyclerView分割线开发技巧在上一期通过简单学习，已经领略到了RecyclerView的灵活性，当然都是一些最基础的用法，那么本期一起来学习RecyclerView的分割线使用。相信有的比较细心的同学已经发现了，使用RecyclerView实现的List列表和ListView实现的列表有一些细微差距，item之间没有分割线，导致item之间相隔不明显，但...
微信小程序（九）scroll-view组件详细介绍
09-01
`scroll-view`组件是一个可滚动的视图容器，它可以包含多个子元素，当内容超出容器大小时，用户可以通过滑动来查看被遮挡的内容。滚动方向有垂直（scroll-y）和水平（scroll-x）两种模式。 ### 二、主要属性 1. `...
Android-weex-vue2.0快速开发框架扩展组件支持weexweexpack
08-13
这些组件包括常见的视图容器（如ScrollView、ListView）、基本组件（如Image、Text）以及交互组件（如Button、Slider）。开发者可以根据项目需求，选择或自定义适合的组件，快速构建UI。在"Android-weex-vue2.0快速...
Android-卡片画廊效果
08-12
在"ScrollViewDemo-master"这个项目中，我们可以看到如何在滚动视图（ScrollView）中集成CardView，创建一个可滚动的卡片画廊。 CardView是Android支持库的一部分，它在`android.support.v7.widget.CardView`包下。...
Android—传感器-距离传感器（ProximitySensor）
csdnbian的博客
11-24 5671
距离传感器（ProximitySensor） P-Sensor距离感应器，可以感应手机和人体距离。具体使用用途是在通话过程中打开P-Sensor，那么当手机屏幕贴近用户脸部时，就会自动感应出手机和人体距离是多少。当小于某一个值时，就会熄灭屏幕，不再接收用户触摸屏幕事件，从而有效的防止通话过程中误触摸事件的出现。 例子1：利用按钮实现切换背景颜色 XML文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
Android-传感器-加速度传感器（Accelerometer sensor）
csdnbian的博客
11-24 5412
加速度传感器（Accelerometer sensor） 1.加速度传感器，用于检测手机运动状态。 2.同方向传感器一样，加速度传感器也有X,Y,Z三个轴 3，加速度传感器也叫G-sensor，返回X，Y，Z，三轴的加速度数值。该数值包含地心引力的影响，单位是m/s2 4.将手机平放在桌面上，X轴默认是0，Y轴默认是0，Z轴默认是9.81；手机朝下，Z轴相反，其他不变。 5.手机向左倾斜，X轴为正，向右，为负 6，向上倾斜，为负，向下倾斜，为正值 简单例子 XML文件 <LinearLayout x
Android—传感器-方向传感器
csdnbian的博客
11-24 1839
方向传感器 在安卓平台上，传感器通常使用三维坐标系来确定方向，这个坐标系是一个数值，通过获取该数值便可以确定所处的方向，，系统返回的值时长度为三的float数组，包含三个方向的值（X,Y,Z） 1.如何获取坐标系的值 通过onSensorChanged中的参数SensorEvent event，即可获取坐标系的值，event值是float[]类型，而且最多有三个参数，这三个对应关系如下 下面的操作都是手机朝上水平放在桌面上，values=0 values[0]：方位角，手机绕着Z轴旋转的角度，0-正北（N
Android TabHost与ScrollView详解：提升用户体验的关键组件
ScrollView组件通常作为`FrameLayout`的子类使用，用于包裹其他需要滚动显示的组件。 3. **ListView详解**： ListView是Android中最常用的组件之一，广泛应用于各种应用，如联系人、新闻列表等。ListView支持两种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值