前言 小伙伴们，在上文中我们介绍了Android视图组件ListView，本文我们继续盘点，介绍一下视图控件的ExpandableListView。...一 ExpandableListView基本介绍 ExpandableListView是Android中的一个可扩展列表视图，它继承自ListView，并提供了支持展开和折叠的功能。...ExpandableListView可以展示带有分组和子项的层次结构数据，让用户可以方便地通过展开和折叠操作来浏览和查看更多的内容。...适配器为每个分组和子项提供数据，并负责渲染它们的视图。 分组和子项布局：你可以定义自己的分组项布局和子项布局，包括文本、图像和其他UI元素的组合。通过适配器，将数据绑定到各个视图上。...四 总结 ExpandableListView提供了一种方便的方式来展示具有层次结构的列表数据，并允许用户通过展开和折叠操作来浏览更多内容。它通常用于菜单、分类列表、可折叠的评论或帖子等场景。
展开您的视频播放体验 可折叠设备向用户们提供了使用他们的手机做更多事情的可能性，包括*桌面模式**等创新，也就是当手机平放时，铰链处于水平位置，同时折叠屏幕处于部分打开的状态。...这是一个简单的媒体播放器案例，它会自动调节尺寸以避免让折叠处出现在画面中间，并且调整播放控制组件的位置，从屏幕完全展开时嵌入画面中，变为当屏幕部分折叠时显示为单独的面板。...，其根元素是包含了三个子视图的 MotionLayout。...第三个视图是一个 ReactiveGuide。它被放置在另外两个视图中间，并且以 Guideline 的形式作为另外两个视图的划分。...您可能想要将播放控件一直限定在 ReactiveGuide 的底部。这样一来该控件会在屏幕完全展开时被隐藏，而当屏幕部分折叠时又出现在底部。
" /> android.support.design.widget.CoordinatorLayout> 嵌套滚动视图NestedScrollView 虽说通过AppBarLayout可实现Toolbar...的滚动效果，但并非所有可滚动的控件都会触发Toolbar滚动，事实上只有Android5.0之后新增的少数滚动控件才具备该特技。...NestedScrollView继承自FrameLayout，其用法与ScrollView相似，如都必须且只能带一个直接子视图，都是允许视图上下滚动等等。...与之对应的是定义了嵌套滚动的子辈行为接口NestedScrollingChild。...2、AppBarLayout内部的高度也可能变化，比如它嵌套了可折叠工具栏布局CollapsingToolbarLayout，有关可折叠工具栏布局的详细介绍参见《Android开发笔记（一百三十六）可折叠工具栏布局
Android 的覆盖范围在递增，体验也在变得越来越好，现已有超过 2.5 亿台大屏设备搭载了 Android 系统，包括平板电脑、可折叠设备以及 Chrome OS 设备。...Android 开发者峰会 期间我们更新了一些内容，以帮助开发者为可折叠设备等更多其他类型的设备做好准备。...深入理解布局 深入理解布局指南 介绍了布局容器的相关概念，它提供了一个整体框架，可帮助开发者思考如何在屏幕上排列导航栏、工具栏和内容等界面元素。...当然我们有很多方法可以实现这一点，但 ConstraintLayout 的灵活性最大，因为它提供了很多种方式来约束子元素的尺寸，以及相对于其他子元素的位置。...在如此多样化的硬件生态系统中，您可能很难拥有各种形状和尺寸的设备，如今 Android SDK 为可折叠设备提供了模拟器图像，这些模拟器允许您随时将折叠状态更改为铰链的角度。
为此，我们深入研究了 Android 设备市场，并从 Web 的自适应和响应式开发的最佳实践中汲取了一些灵感，构建出可动态调整尺寸的新 Android 界面基础，我们将其称为窗口大小类。...其中，较小型代表了竖屏模式下手机的典型模式，中等型代表了大部分平板电脑和更大的可折叠设备的尺寸，展开型则代表了平板电脑或更大的可折叠设备，或是桌面设备在横屏模式下的显示情况。...△ Phone Reference Device 下的效果 △ Tablet Reference Device 下的效果 SlidingPanelLayout 接下来让我们继续基于展开型宽度设备来实现双窗口视图布局...由于任务和详情都呈现在 SlidingPaneLayout 中的同一个新的 Fragment 中，因此我们为该 Fragment 的导航交互专门添加一个新的子导航层次结构。...△ 可折叠手机上布局转换 为了正确处理如何将列表和详情窗口折叠成单窗口层次结构，当在较小的屏幕上时，我们需要知道用户最后与哪个窗口交互，为此，我们实现了一个简单的自定义修饰符来记录最后一次交互，并以此决定
从设计角度来讲，可折叠设备将应用从常规手机屏幕转换到更大尺寸的屏幕，这为设计师带来了更多发挥的机会，这确实是一个引入不同功能、展示各种元素的好机会，这并非意味着要用更多内容来塞满更大的屏幕空间，屏幕更大通常意味着为用户提供更身临其境的体验...如需了解更多轻松优化应用的指南，请参阅: Android 与 Chrome OS 中针对大屏幕设备的更新 Material 网站 借助 Jetpack WindowManager 支持可折叠设备和双屏设备...使用 ConstraintLayout，您可以根据布局中视图之间的空间关系指定每个视图的位置和大小。这样一来，当屏幕尺寸改变时，所有视图都可以一起移动和拉伸。...答: 借助这个问题，我们想首先提一下可折叠设备的多种形态，它们分别是完全折叠形态、半折叠形态和完全展开形态。...关于组件转换有一个要点需要注意: 当用户把自己的设备从一种状态转换到另一种状态时，通常界面上必须至少保留一个元素以帮助他们确定元素位置或了解元素是否发生变更。
APP连续性：展折开合，顺畅切换 可折叠设备展开时，当前应用页面必须无缝延续到另一个屏幕，并可自动调整大小匹配新的布局，反之亦然。...image 当指定的属性（可折叠设备的折叠/展开时触发）发生变化时，MyActivity不会重启，而是会收到 onConfigurationChanged()的调用，在此方法中处理配置变更，更新视图布局...2.1 什么是Multi-resume 谷歌在Android 7.0 时代便支持了多窗口分屏功能，即多个应用可同时共享屏幕，但问题是多个应用无法同时使用，只有具有焦点的应用才能保持在活动(resume)...，附加在视图之上的位图也应可拉伸。...但朝任意方向拉伸普通位图可能导致缩放失真或图片倾斜，解决方案是使用九宫格位图，这种特殊格式的PNG文件可指定可拉伸的小像素区域，哪些区域不可拉伸。
如今此方法行不通了，因为在那种情况下，带有这些限定符的布局或是其他资源文件都会被按照整屏幕宽度解析，但事实上我们只关心那个特定窗格的宽度。 要实现这一特性，请参阅搜索 布局 的应用栏部分代码。...但我们想要充分利用额外的屏幕空间，而不是限制显示内容的宽度。在窄屏幕设备上，您会看到一列项目，它们会在点击时展开或折叠。...这其实是由 Binding Adapter 定义的一个属性，而 Binding Adapter 是我们向数据绑定库提供自定义逻辑的方法。...将 RecyclerView 自身的内边距也设置为相同的值，会使得元素同 RecyclerView 边界的距离与元素间的空隙保持相同的大小，在元素周围形成统一的留白。...Android Studio 同时提供了 可折叠模拟器 和 自由窗口模式 以简化这些测试过程，因此您可以通过它们来检查您的应用对于上述场景的响应情况。
设备制造商可以轻松地自定义宽屏显示的颜色或处理方案、调整边衬区窗口的位置、应用自定义圆角等。...我们计划在明年年初发布 Android 12L 功能更新，为下一波 Android 12 平板电脑和可折叠设备的推出做好准备。...视图)。...系统会处理其他事项，并根据您创建的配置来确定展示方式。 Activity embedding 可以在可折叠设备上流畅运行，随着设备的折叠和展开轻松地堆叠和分开 Activity。...要创建可调整尺寸的全新模拟器，可以使用 Android Studio 中的设备管理器来创建一个新的虚拟设备，并选择带有 Android 12L (Sv2) 系统映像的可调整尺寸的设备定义。
WPF控件可以分为两类：原生控件和自定义控件。原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。...自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。...一、Expander控件详解WPF中的Expander控件是一个可折叠的控件，可以用来显示或隐藏其子控件。当用户单击Expander控件的标题时，其子控件将会打开或关闭。...当用户单击控件的标题时，子控件将会打开或关闭，并显示或隐藏StackPanel中的所有按钮。1.属性介绍WPF中Expander控件是一个可展开的区域，通常用于显示或隐藏可选内容。...显示和隐藏子菜单：Expander控件可以用来隐藏和显示具有子菜单的菜单项。当用户单击菜单项时，可以展开子菜单，然后再次点击相同的菜单项可以将其收起。
既然二者原本不是一家，那么就得有新的属性用于区分它们内部的行为，新属性在CollapsingToolbarLayout的子视图节点上声明，说明如下： app:layout_collapseMode :...指定子视图（通常是Toolbar）的折叠模式。...--parallax : 视差模式，随着CollapsingToolbarLayout的收缩与展开，当前视图也跟着收缩与展开。...> 与CollapsingToolbarLayout有关的滚动标志 上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》说过，AppBarLayout的子控件共有五个滚动标志...> 点击下载本文用到的可折叠工具栏布局的工程代码 点此查看Android开发笔记的完整目录
在以下场景中尤其要注意: 自行渲染界面元素或需要特定的窗口尺寸； 应用需要访问独占硬件设备，比如摄像头和麦克风。...Android 12L 的可折叠屏模拟器 △ Android 12L/可折叠模拟器 developer.android.google.cn/12L 12L 功能投放包含全新 API 以及新的 SDK...在 Samsung Galaxy Z Fold 系列手机中，我们发现其在分屏使用率上高达七倍于其它手机的现象。另一个例子是当大屏幕手机处于不同方向时，窗口带有黑边。...设备的放置方式使屏幕的一部分处于舒适的观看角度，而屏幕的另一部分则放在平稳的台面上，使其非常适合各种交互元素。...兼容性模式 △ 兼容性模式 在大屏幕平板电脑 Chromebook 或外接显示器上运行仅针对小尺寸竖屏 Android 手机设计的应用时，如果拉伸进入全屏视图，那么应用外观和性能可能会差强人意。
大屏幕游戏的常见问题 作为游戏开发者，您当然想要在每台设备上都提供最佳的游戏体验——无论用户是在使用竖屏模式，还是使用键鼠，甚至在可折叠设备 (拥有更多可切换的分辨率和宽高比配置) 上进行游戏。...例如，您可以缩放 OpenGL 内容以匹配新的分辨率或宽高比，防止 UI 元素被画面裁切。...当用户在更大的屏幕上玩游戏时，他们可能会坐得离屏幕更远，这时您需要考虑扩展、添加或更改画面 / 界面元素，以确保屏幕上的所有内容都清晰可辨。...developer.android.google.cn/guide/topic… 游戏连续性 当用户展开他们的设备时，您需要确保您的游戏无缝过渡到全尺寸状态。...确保您的游戏可以处理两种屏幕尺寸，这个机制与在 Android 上适配不同屏幕尺寸的方法基本相同。唯一的区别是，这种情况在可折叠设备上会更频繁地发生。
大屏幕游戏的常见问题 作为游戏开发者，您当然想要在每台设备上都提供最佳的游戏体验——无论用户是在使用竖屏模式，还是使用键鼠，甚至在可折叠设备 (拥有更多可切换的分辨率和宽高比配置) 上进行游戏。...例如，您可以缩放 OpenGL 内容以匹配新的分辨率或宽高比，防止 UI 元素被画面裁切。...当用户在更大的屏幕上玩游戏时，他们可能会坐得离屏幕更远，这时您需要考虑扩展、添加或更改画面 / 界面元素，以确保屏幕上的所有内容都清晰可辨。...https://developer.android.google.cn/guide/topics/display-cutout 游戏连续性 当用户展开他们的设备时，您需要确保您的游戏无缝过渡到全尺寸状态...确保您的游戏可以处理两种屏幕尺寸，这个机制与在 Android 上适配不同屏幕尺寸的方法基本相同。唯一的区别是，这种情况在可折叠设备上会更频繁地发生。
Jetpack WindowManager 库可帮助您构建能够感知折叠和铰链等新设备功能的应用，使用以前不存在的新功能。...当您想在一个常见的设备或模拟器上使用一个自定义的 WindowBackend 模拟一个可折叠设备时，可使用原有的构造函数进行测试。这个 样例工程 中的实现可以供您参考。...alpha02 版本引入了带有更新了回调协议的新 DisplayFeature 类，以在 DisplayFeature 更改时通知您的应用。...Android 11 中一些被废弃的方法 (例如 Display#getSize 和 Display#getMetrics) 和在 window 尺寸新的 API 的使用，都凸显了可折叠设备从全屏到多窗口和自适应窗口这一上升的趋势...，那么可以在视图填充之前依赖此信息对布局做出选择。
用户能用这些设备做的事情比以往任何时候都多，相关需求也随之增加。如今，通过 Android 大屏设备，开发者们可以覆盖超过 2.5 亿台活跃的可折叠设备、平板电脑和 Chromebook。...2020 年，平板电脑设备的销售量增长了 16%。分析师预计，到 2023 年市面上将有超过 4 亿台 Android 平板电脑。另外，可折叠设备也正在重新定义高端设备。...您的应用应该允许调整窗口大小，来无缝地支持多任务。请正确处理折叠和展开事件，并让您的应用支持多窗口模式，避免应用窗口区域内出现黑边。...例如，为了防止用户划进一个空窗格，您可能会让用户必须点击一个列表项来加载该窗格的信息，但允许用户通过划动返回列表。而在可折叠设备或平板电脑上，如果有空间并排显示两个视图，锁定模式会被忽略。...浏览器为大屏幕改进标签页导航； YouTube 重新设计了用户界面，以提高在可折叠设备上的可用性； Google Photos 在大屏幕上会显示更多的界面元素，如搜索栏； Google Calendar
拖放 是最基本的手势操作，用户可以点击并按住图片、文本或其他数据元素，然后将其拖动至另一个应用 (或者同一个应用的其他位置) 并松手，即可将数据放置到新的位置上。...△ 简单的拖放示例 虽然 Android 很早以前便一直支持拖放操作 (DragEvent 在 Android 3.0 即 API 级别为 11 中引入)，但事实证明实现对处理手势、事件、权限和回调的全面支持并不容易.../* Copyright 2021 Google LLC.SPDX-License-Identifier: Apache-2.0 */ // 将视图设置为可拖动以共享文件。...(contentResolver, "File", fileUri) // 设置被拖动对象的视觉效果 // 可以扩展和自定义，我们这里使用默认效果 val dragShadow...否则目标视图内的 EditText 而不是目标视图 // 将在拖放操作中获得焦点。
移动端更新 我们针对移动端的更新包括: 支持可折叠设备 Flutter 3 支持可折叠移动设备。...默认即可动态适应这些元素的位置。...Lint 2.0 版中新增的大多数警告都带有自动修复功能。...在新兴市场广为流行的设备上，这种性能提升尤其明显。最棒的是，您无需更改任何代码！ 在具体实现方面，Flutter 现在是异步组合 Android 视图 (即通常所说的 平台视图)。...这意味着 Flutter 的光栅线程无需等待 Android 视图渲染。现在，Flutter 引擎使用它管理的 OpenGL 纹理将视图显示在屏幕上。
可以直接引用 bootstrap.js 或压缩版的 bootstrap.min.js 折叠（Collapse） 以使用带有属性的链接href或带有属性的按钮data-target。...即可自动分配对可折叠元素的控制。...div> 实现效果 通过 JavaScript 手动启用 $('.collapse').collapse() .collapse(options) 将您的内容激活为可折叠元素...在可折叠元素实际显示之前（即在事件发生之前）返回给调用者。shown.bs.collapse .collapse(‘hide’) 隐藏可折叠元素。...在可折叠元素实际被隐藏之前（即在事件发生之前）返回给调用者。hidden.bs.collapse Bootstrap 的折叠类公开了一些用于挂钩折叠功能的事件。
所有能够响应触摸事件的元素都应该带有一个反馈效果，这就是为什么web应用体验总是显得不如原生效果好的原因之一。...友情提示：TouchableHighlight只支持一个子节点，如果你希望有多个子元素，请用view包裹住它们再使用。...：这个组件仅限于在Android平台使用，顾名思义：就是触摸事件带有本地原声反馈效果。...在Android设备上，这个组件利用原生状态来渲染触摸的反馈。目前它只支持一个单独的View实例作为子节点。...在底层实现上，实际会创建一个新的RCTView结点替换当前的子View，并附带一些额外的属性。而且原生触摸操作反馈的背景可以使用background属性来自定义。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
