三个布局文件 main.xml childs.xml groups.xml 一个java文件 List_lianxi.java main....
通话（电话） 通信录 设置 3.可扩展列表视图 一般用于数据的展开和折叠这种场景，即可以单独展开的列表视图。 ExpandableListView,是ListView的子类。...-- 主界面就是可扩展列表;android:groupIndicator="@null" 取值可以是任意的Drawable对象，不再显示groupIndicator --> <ExpandableListView...public void onGroupExpand(int groupPosition) { Toast.makeText(MainActivity.this, "你展开了...* @param parent 返回视图所衣服的视图组。...* isLastChild:表示是否为最后一项列表数据。
文章索引 4.3 控件 4.3.1 活动指示器 4.3.2 添加联系人按钮 4.3.3 日期时间选择器 4.3.4 详情展开按钮 4.3.5 信息按钮 4.3.6 标签 4.3.7 网络活动指示器 4.3.8...系统按钮 4.3.18文本框 4.4.1 警告框 4.4.2 操作列表 4.4.3模态视图 4.3 控件 4.3.1 活动指示器 活动指示器表明任务或进程正在进行中，如下图所示。...详情展开按钮以一个单独的视图展示特定项目的更多详情信息与功能。 当详情展开按钮在表格行中出现时，点击表格行的其它区域不会激活此按钮，只会选中该行，或者触发app中其它自定义的行为。...一般来说，你会在一个表格视图中使用详情展开按钮来让用户知道更多关于这个列表项的信息。当然你也可以将这个按钮用在其它类型的视图中来为用户展示更多与特定项目相关的信息和功能。...当视图数量超过页面宽度可承载的氛围时，点的大小和间距并不会因此变小（如果需要显示的点超过一定数量，系统会把它截断） 默认情况下不支持视图之间导航；你必须实现视图到视图之间的导航并适当地更新页面控件状态
前言 小伙伴们，在上文中我们介绍了Android视图组件ListView，本文我们继续盘点，介绍一下视图控件的ExpandableListView。...一 ExpandableListView基本介绍 ExpandableListView是Android中的一个可扩展列表视图，它继承自ListView，并提供了支持展开和折叠的功能。...适配器为每个分组和子项提供数据，并负责渲染它们的视图。 分组和子项布局：你可以定义自己的分组项布局和子项布局，包括文本、图像和其他UI元素的组合。通过适配器，将数据绑定到各个视图上。...常用属性： groupIndicator：用于指示分组项的展开和折叠状态的图标。可以通过设置不同的资源文件或自定义的 Drawable 来改变分组指示器的样式。...四 总结 ExpandableListView提供了一种方便的方式来展示具有层次结构的列表数据，并允许用户通过展开和折叠操作来浏览更多内容。它通常用于菜单、分类列表、可折叠的评论或帖子等场景。
详情展开按钮 详情展开按钮可打开视图（通常是模态视图），其中包含与屏幕上特定项目相关的信息或功能。...虽然你可以在任何类型的视图中使用它们，但详情展开按钮通常是用于列表中，便于用户访问有关某行列表的信息。 ? 在列表中适当使用详情展开按钮。...如果你希望用户点击整行以查看更多详细细节，不要使用“详情展开”按钮，要使用指向性的显示附件（渐进指示器）。...您可以使用以下样式之一显示日期选择器： 嵌入式：可编辑的字段，适合于较小的空间（例如列表或表格行），并展开以显示编辑视图 紧凑式：展开后可在模态上下文中显示编辑视图的标签 滚轮式：传统的滚轮组 您还可以选择自动样式...刷新控件是活动加载指示器的一种特殊类型，默认情况下处于隐藏状态，并在向下拖动要重新加载的视图时可见。例如，在“邮件”中，您可以将“收件箱”邮件列表向下拖动以检查是否有新邮件。 ? 执行自动内容更新。
2.扩大 页面中的卡片会从缩略图转化为全屏视图（一般这个卡片的中心点也会跟随移动到屏幕的中央）。反向动效就是卡片从全屏视图转换为缩略图。它的优点是能清楚的告诉用户点击的地方被放大了。 ?...5.展开推叠 堆叠在一起的元素被展开。能够清楚的告诉用户每个元素的排列情况，从哪里来到哪里去，也显得更加有趣。 ? 6.翻页 当用户实施滑动手势的时候，出现像现实生活中翻页一般的效果。...12.保存指示器 用户一旦进行保存、下载某个物体，物体会复制一份，同时缩小、移动到保存指示器中。这样可以提示用户下载或者是收藏的内容在哪里可以找到，能够告诉用户对象已经被添加。 ?...5.展开推叠 适合场景：当用户打开一堆功能选项的时候。例如一个功能里面隐藏了好几个二级功能时，就可以使用这样的效果，利于用户引导。 6.翻页效果 适合场景：当用户进行一些翻页操作时。...12.保存指示器 适合场景：当用户添加书签、下载、保存，加入等行为的时候使用。 作者：燃烧的小曲奇 原文：https://dwz.cn/aRZs1qPl
type: 'cross', // 'line' 直线指示器 'shadow' 阴影指示器 'none' 无指示器 'cross' 十字准星指示器。...: { // 右上角的工具框（下一章展开讲） feature: { saveAsImage: {} //下载按钮...title:"数据视图", readOnly: false, //是否不可编辑（只读） lang: ['数据视图',.../数据视图浮层背景色。...[03-kalacloud-charts] 卡拉云是新一代低代码开发工具，免安装部署，可一键接入包括 MySQL 在内的常见数据库及 API。可根据自己的工作流，定制开发。
概述 本节课介绍Android中可实现二级可展开收缩列表的ExpandableListView容器，笔者感觉它非常难用并且难理解，很多时候我们可能需要对控件进行扩展和定制，然而它不太方便扩展，它使用难点主要在数据结构上和对控件的事件监听...上面实现的效果可展开的二级列表，每个组项都可能有若干个子项，默认的ExpandableListView不太美观，我们需要通过自定义布局类美化它，在使用过程中有一些需要我们去了解的点，会在实现过程提一下。...） getChildView（获取显示指定项的视图对象） isChildSelectable（子项是否可选中） 传入组项列表（如：List) 传入子项列表（如：List<List<...com.devilwwj.androiddevelopcourse.domain.GroupItem; import java.util.HashMap; import java.util.List; /** * 自定义可展开列表的适配器...BaseExpandableListAdapter { private Context mContext;// 上下文 private ExpandableListView expandableListView; // 可展开列表对象
android:indicatorEnd：组列表项指示器的结束约束位置。 android:indicatorLeft：组列表项指示器的左边约束位置。...android:indicatorRight：组列表项指示器的右边约束位置。 android:indicatorStart：组列表项指示器的开始约束位置。...* * @param groupPosition 组位置 * @param isExpanded 该组是展开状态还是伸缩状态 * @param convertView...重用已有的视图对象 * @param parent 返回的视图对象始终依附于的视图组 * @return * @see android.widget.ExpandableListAdapter...(View)对象 * @param parent 返回的视图(View)对象始终依附于的视图组 * @return * @see android.widget.ExpandableListAdapter
该标签可以声明一个可滚动视图区域。...② 需要加入属性横向scroll-x或纵向scroll-y滚动的属性来指定该滚动视图的滚动方向。...适用场景：分类页需要有两个可滚动视图，一个是左侧商品分类，另一个是右侧商品列表。...常用属性描述autoplay自动轮播，默认为五秒interval修改轮播时间，单位为毫秒circular循环轮播indicator-dots轮播图的指示器indicator-color指定指示器的未选择的颜色...indicator-active-color指定指示器的选中时的颜色 示例： <!
, for placement: ContentMarginPlacement = .automatic) -> some View 为可滚动容器的内容或滚动指示器（Scroll Indicator）...scrollIndicatorsFlash 控制滚动指示器 使用 scrollIndicatorsFlash(onAppear: true) 可以在滚动视图出现时使其滚动指示器短暂闪烁。...使用 scrollIndicatorsFlash(trigger:) 可以在提供的值更改时，修饰符作用域范围内的所有可滚动容器的滚动指示器短暂闪烁。....always 始终限制可滚动视图的数量。 .never 不限制可滚动视图的数量。...订阅下方的 邮件列表[10]，可以及时获得每周最新文章。
TabBar("网络", $r("app.media.ic_net_select"), $r("app.media.ic_net_unselect")), new TabBar("列表...点击监听tabScrollableboolean是否可滑动，默认不可以滑动tabMarginBottomnumbertab距离底部的距离2、底部导航案例2，自定义Tab视图相关效果：代码实现：@Entry...TabBar("网络", $r("app.media.ic_net_select"), $r("app.media.ic_net_unselect")), new TabBar("列表...点击监听tabScrollableboolean是否可滑动，默认不可以滑动tabMarginBottomnumbertab距离底部的距离isMarginBottomboolean默认开启，tab距离底部的距离...TabModel)设置tab相关属性isHideDividerboolean是否隐藏下划线，默认展示isTabAlignLeftboolean是否从最左边开始，默认不是barModeBarMode是均分还是可滑动
Flutter可滑动组件 1. ListView 1.1 ListView介绍 移动端数据量比较大时，一般都是通过列表来进行展示的，比如商品数据、聊天列表、通信录、朋友圈等。...在Flutter中，我们也有对应的列表Widget，就是ListView。 注意：在Flutter里面想要实现滑动效果，都需要在组件外部包裹滚动的视图。...如果我们想要在一个页面中，同时包含多个可滚动组件，且使它们的滑动效果能统一起来，比如一个滑动的视图中包括一个列表视图（ListView），一个网格视图（GridView），且让他们的滑动效果统一。...3.2 Flutter 中常用的 Sliver Sliver名称 功能 对应的可滚动组件 SliverList 列表 ListView SliverFixedExtentList 高度固定的列表 指定itemExtent...对可滑动组件懒加载的原理进行简单归纳后，可总结如下： SliverChildListDelegate中children是在创建视图是传入的一组明确的Widget，在展示前这组Widget便已存在；而SliverChildBuilderDelegate
一个分组的表视图总是最少包含一个条目清单分组——每一行一个列表项——并且每个分组总是最少包含一个条目。分组表视图不包含索引。 在两种风格中，表行会在用户点击选中时简短地高亮。...NOTE 所有四个标准表单元格风格都允许额外的表视图元素，比如勾选符号和扩展指示器。添加这些元素会减少标题和子标题可使用的单元格宽度。 清晰而有效地使用表视图来显示大量或少量的信息。...每个列表条目都可以导向另一个列表中的不同子集信息。用户通过在连续的列表中选择条目来跟踪路径。扩展指示器告诉用户点击行的任何地方都会在新列表中显示子集信息。 显示概念上的分组信息。...当你使用表视图时遵循下面的指南： 当用户选择列表条目时永远要提供反馈。用户期待当他们点击列表条目时表中的行能简短地高亮一下。...不要将索引和显示在表右边界的表视图元素结合在一起。显示在表右边界的表视图元素——比如扩展指示器——会干扰到索引。 如果你想要用非标准的方式布局你的表单元格，创建自定义的单元格风格。
您可以使用每个视图上的“ 切换到表格视图”和“切换到经典视图”链接在两个视图之间切换。Cloudera Manager会记住您选择的视图并保留在该视图中。...汇总列表-集群状态页面的链接列表。单击“自定义”以跳到“ 管理” > “设置” >“其他” >“完整显示的最大集群数” 属性。...完整列表-每个集群的单独部分，包含指向集群状态页面的链接，以及包含指向主机页面和集群中运行的服务的状态页面的链接的表。...列表中的每个服务行都有一个操作菜单，您可以通过单击“操作菜单”（ ）选择该菜单，并且可以包含以下一个或多个指示器： ?...单击折线图、堆栈区域图、散点图或条形图，以将其展开为全页视图，并带有图例以显示单个图表实体以及更细粒度的轴分区。 ? ? 默认情况下，仪表板的默认时间范围为30分钟。
组合框是一个组合按钮和弹出列表。它提供了一种向用户显示选项列表的方法，这种方法占用最小的屏幕空间。...down: bool 此属性可以判断组合框是否处于展开状态。 更多相关请查看pressed。 [只读属性]count: int 组合框中项数。...更多相关请查看contentItem indicator: Component 用于设置指示器，标识组合框是否处于展开状态。常用的设置为三角形指示器。...*/ property Component delegate: _private.defaultDelegate /// 用于设置指示器，标识组合框是否处于展开状态。...常用的设置为三角形指示器。
它支持几乎所有的 Flutter 可滚动小部件。它的功能与Android 的 SmartRefreshLayout 非常相似，并吸收了许多第三方库的优点。...2、特征 EasyRefresh具有以下特性： 支持所有可滚动小部件 滚动物理范围，完全匹配可滚动小部件 集成多个酷页眉和页脚样式 支持自定义样式，实现各种动画效果 支持下拉刷新和上拉加载（可通过控制器触发和完成...） 支持指示器位置设置，结合监听器可以放置在任意位置 支持页面启动时刷新，并可自定义视图 支持安全区域，不会遮挡内容 可自定义滚动参数，允许列表具有不同的滚动反馈和惯性 3、在线演示 https://xuelongqy.github.io...childBuilder: (context, physics) { return ListView( physics: physics, ); }, ); 3、指示器定位...EasyRefresh.defaultHeaderBuilder = () => ClassicHeader(); EasyRefresh.defaultFooterBuilder = () => ClassicFooter(); 6、嵌套滚动视图
Tabs Tabs可以轻松浏览和切换不同的视图。 选项卡使内容组织处于较高级别，例如在app的视图、数据组或功能之间切换。 将Tabs以单行的形式显示在其关联的内容上方。...左：放入搜索，app bar和固定的tab bar 中：默认的app bar和可滚动的tab bar 右：文字颜色与tab指示器颜色相同 ?...左：默认app bar和带icon的tab bar 右：icon的颜色与tab指示器颜色相同 pc端 ? 默认的app bar与tab bar ? 带有一个下拉菜单的tab bar ?...例如，避免在内容可平移的地图中使用选项卡，或者避免在滑动内容的情况下使用可以取消项目的列表。 固定标签应该使用有限数量的标签，并且一致的放置将有助于肌肉记忆。...移动端可滚动tabs ? pc端可滚动tabs
只要开发者能想到的列表效果或者功能，都可以利用这些代码迅速编写出来。比如，之前要实现一个填写各种资料的列表，可能需要很多代码，现在只需要几行代码就可以实现。...ZYThumbnailTableView.swift - 可展开型预览TableView，开放接口，完全自由定制。...SDProgressView - 简便美观的进度指示器，此系列共有六种样式的进度指示器。...FSCalendar - 日历视图，带有微妙和平滑的滚动效果，可自定义外观 - 国人。...DisplaySwitcher.swift - 两个集合视图在不同布局（平摊和列表）间平滑切换.Yalantis出品。
") } }}如上例所示，我们将列表视图与一堆文本视图放在一起。...然而，正如你所见，这也将滚动条指示器从后导边缘移到了中心。使用 contentMargins我们需要一种区分视图的内容和工具栏，并仅移动内容而保持工具栏在原地的方法。...另一个选项是 scrollIndicators，它仅移动指示器。...UIHostingController(rootView: ContentView())PlaygroundPage.current.liveView = viewController在这个示例中，我们创建了一个简单的列表视图...文章从创建示例开始，展示了在列表视图中如何处理内容边距的问题。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
