开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何更改可折叠框闪亮的轮廓颜色

可折叠框是一种常见的前端开发组件，用于在网页中创建可折叠的内容区域。更改可折叠框的闪亮轮廓颜色可以通过CSS样式来实现。

要更改可折叠框的闪亮轮廓颜色，可以使用CSS的outline属性。outline属性用于设置元素的轮廓样式，包括颜色、宽度和样式。

以下是一个示例代码，演示如何更改可折叠框的闪亮轮廓颜色：

<!DOCTYPE html>
<html>
<head>
<style>
.collapsible {
  outline: 2px solid red; /* 设置轮廓颜色为红色 */
  background-color: #f1f1f1;
  color: black;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline-offset: 10px; /* 设置轮廓偏移量 */
  transition: 0.4s;
}

.collapsible:hover {
  background-color: #ddd;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
</style>
</head>
<body>

<h2>可折叠框示例</h2>

<button class="collapsible">点击展开可折叠框</button>
<div class="content">
  <p>这是可折叠框的内容。</p>
</div>

<script>
var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.display === "block") {
      content.style.display = "none";
    } else {
      content.style.display = "block";
    }
  });
}
</script>

</body>
</html>

在上述代码中，我们使用了outline属性来设置可折叠框的轮廓颜色为红色。可以根据需要修改outline的值来改变轮廓的颜色、宽度和样式。

此外，还可以使用outline-offset属性来设置轮廓的偏移量，以调整轮廓与元素边缘之间的距离。

以上是如何更改可折叠框闪亮的轮廓颜色的示例代码和解释。希望对您有帮助！如果您需要了解更多关于前端开发、CSS样式等方面的知识，可以参考腾讯云的前端开发产品和服务，详情请访问：腾讯云前端开发。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jupyter扩展插件Nbextensions使用

Exercise - Define a group of cells as a "solution". Then it is possible to hide/show these solutions cells by clicking on a cell widget. 练习——将一组细胞定义为“解决方案”。然后，可以通过单击一个单元小部件来隐藏/显示这些解决方案单元。通过选中两个cell 然后按工具栏上的博士帽按钮使其成为一个solution，在第一个cell上会出现加号的小图标，通过点击Exercise2的标签来控制solution的显示与隐藏。

04

Android Studio 4.1发布：可直接运行安卓模拟器、支持 Dagger 导航和 TensorFlow Lite 模型

近日，Android Studio 4.1 版本正式发布，本文翻译自 Android 开发者博客。

03

Android Studio 4.1 发布，全方位提升开发体验

我们很高兴发布了 Android Studio 4.1 稳定版，为大家带来一系列针对常见的编辑、调试和优化工作的功能。4.1 版本的重点诉求之一是帮助您在使用 Android Jetpack 库 (即 Android 的开发库套件) 时遵循最佳实践和提升代码编写效率。基于大家的反馈，我们直接在 IDE 中集成了诸多常用的 Android 库，从而改善了编写代码的体验。

02

三星公布可折叠手机部分硬件参数：拥有512GB内存，支持双卡双待

日前，三星在官方Twitter公布了旗下首款柔性可折叠手机的相关参数。硬件方面，该手机型号为“SM-F900x”（传闻中的Galaxy F），拥有512 GB存储，支持双SIM卡，机身颜色则为银色。

03

15个能使你工作效率翻倍的Jupyter Notebook的小技巧

在数据科学界，Jupyter Notebook是一个受欢迎的工具，采用率很高。本文旨在分享一些很酷的技巧和技巧，帮助您在使用Jupyter Notebook的同时提高效率。了解如何从Jupyter Notebook执行终端命令，通过隐藏输出加快速度，向Jupyter Notebook添加其他功能，等等！

02

Android studio 3.4 稳定版来了

下载地址 >>> https://developer.android.com/studio/#downloads

01

详解 Android 12L｜更好地适配大屏幕设备

目前，超过 2.5 亿台大屏幕设备搭载了 Android 系统，其中包括平板电脑、可折叠设备和 ChromeOS 设备。仅在过去的 12 个月里，就有近 1 亿台新的 Android 平板电脑被激活，同比增长 20%；而 ChromeOS 的增长率为 92%，是目前增长最快的桌面设备平台。可折叠设备正在崛起，同比增长超过 265%！总的来说，目前有超过 2.5 亿台活跃的大屏幕设备搭载了 Android 系统。在这样的势头下，我们将继续努力让 Android 成为更好的操作系统，为用户和开发者提供更优质的服务。

02

可折叠设备、平板设备和大屏设备更新一览

作者 / Oscar Wahltinez, Developer Relations Engineer, Google

02

折叠屏上应用设计规范，了解一下？

Android 的覆盖范围在递增，体验也在变得越来越好，现已有超过 2.5 亿台大屏设备搭载了 Android 系统，包括平板电脑、可折叠设备以及 Chrome OS 设备。如何适配不同的屏幕尺寸并保障良好的体验，一直以来都是开发者的一大难题。尤其随着可折叠设备等新兴产品的涌现，适配工作也愈发迫切。本文将重点介绍 Material Design 指南中更新的相关内容，并提供一些建议来帮助开发者按照自适应界面的原则来构建应用，从而解决在平板电脑和可折叠设备上的适配问题。

02

python测试开发django-188.Bootstrap折叠（Collapse）插件

前言折叠（Collapse）插件可以很容易地让页面区域折叠起来。如果您想要单独引用该插件的功能，那么您需要引用 collapse.js， bootstrap已经包含了这个插件。可以直接引用 bootstrap.js 或压缩版的 bootstrap.min.js 折叠（Collapse）以使用带有属性的链接href或带有属性的按钮data-target。在这两种情况下，data-toggle=”collapse”都是必需的。单击下面的按钮以通过类更改显示和隐藏另一个元素： .collapse隐藏内容

05

中国造！消费类AR产品全球第一个30,000台销量记录诞生

---- 新智元报道编辑：好困【新智元导读】全球首款叫Air的AR眼镜，成为了首个全球销量突破3万的消费类AR产品。近日，小编从相关供应链证实，Rokid消费类产品——全球首款叫Air的AR眼镜，成为首个全球销量突破30,000台的消费类AR产品。不难想象，在天猫、京东、抖音、亚马逊四大平台「消费类AR产品」的销量排行上，Rokid Air也是稳居第一。作为今天主角的Rokid Air有着83克的轻巧时尚设计、可折叠机身，使得Rokid Air可轻便装入口袋，随身便携。43度广域场视角

00

三星折叠屏开发者设计指南揭秘

可折叠设备展开时，当前应用页面必须无缝延续到另一个屏幕，并可自动调整大小匹配新的布局，反之亦然。也就是说，应用程序需要准备好在多个屏幕（不同分辨率、密度等）之间切换。

04

【MFC拓展库】上海道宁与BCGSOFT合作为您带来专业的Micrisoft Windows开发业务组件

BCGSoft Ltd.成立于1998年，是一家专门为Microsoft Windows开发业务组件的软件公司。BCGSoft旨在帮助开发人员将当今市场上先进的技术整合到他们的应用程序中。

02

Android 13 首个开发者预览版到来

每天，全世界都有数十亿人使用 Android 设备来完成各种事项。这些用户在使用 Android 时的优良体验离不开大家，也就是开发者社区的鼎力支持，是开发者的反馈和建议帮助我们打造出更强大的 Android。

02

大屏幕和折叠屏: 让您的 Android 游戏登上更大的舞台

让我们继续《让您的应用适配更多屏幕》中的话题，不过今天会更专注于游戏的范畴。在不久前的 GDC 上，我们很高兴能和大家分享多样化的设备为游戏体验带来的可能性。这些年我们亲历了诸多移动硬件的演进，如 3D 显示器和高分辨率屏幕等，也因为这些演进，让我们在应用商店中看到越来越多新颖的游戏出现，让玩家们在更沉浸的画面和游戏体验中流连忘返。

02

jquery mobile 移动web(3)

可折叠功能块。　　div 元素的 data-role 属性设置为 collapsible 　　代码如下：　　　　

　　　　　　

可折叠区域标题

　　　　　　

这是一个折叠区域的内容，这是一个折叠区域的内容，这是一个折叠区域的内容，这是一个折叠区域的内容，这是一个折叠区域的内容，　　　　　　　　这是一个折叠区域的内容，这是一个折叠区域的内容，这是一个折叠区域的内容，

提示大屏幕和折叠屏: 让您的 Android 游戏登上更大的舞台

让我们继续《让您的应用适配更多屏幕》中的话题，不过今天会更专注于游戏的范畴。在不久前的 GDC 上，我们很高兴能和大家分享多样化的设备为游戏体验带来的可能性。这些年我们亲历了诸多移动硬件的演进，如 3D 显示器和高分辨率屏幕等，也因为这些演进，让我们在应用商店中看到越来越多新颖的游戏出现，让玩家们在更沉浸的画面和游戏体验中流连忘返。

03

为任意屏幕尺寸构建 Android 界面

在过去的 12 个月内，有约 1 亿台新平板设备被激活，Chrome OS 的激活量增长了 92%，是增长速度最快的桌面平台。这意味着在平板电脑、可折叠设备和 Chrome OS 设备上，有超过 2.5 亿台大屏幕设备运行着 Android 系统，而关于可折叠设备的使用数量也在不断增长，同比增长超过 250%，因此，"大屏" 正在成为 Android 设备中一个重要且增长势头最快的细分市场。这也让设备制造厂商们意识到，针对大屏做优化是让设备在高端手机细分市场中脱颖而出的机会。

02

让苹果、三星、华为拼抢的可折叠手机，究竟有什么魔力

目前，可折叠手机并没有统一标准，各个手机厂商提供的可折叠技术方案并不一致。所谓的可折叠手机既可以是屏幕可折叠，也可以是元器件可折叠。

00

这是个无人机，却配了机械臂，目的是捡东西

据外媒The Verge报道。为了使无人机更加实用，科学家们创造了一种可折叠的机械臂，允许无人机在狭窄的沟渠内拾取物体。周三在《科学机器人》杂志上发表的一篇研究报告中描述了这种机械臂。其由七个塑料执行器组成，看起来就像矩形盒子堆叠在一起，长度可达27.5英寸（70厘米）。但是执行器的特殊之处在于它们可以折叠平整。科学家们把这种机械臂悬挂在无人机上。当配备抓手后，其以抓住沟渠底部的物体。配备摄像头时，可能会在树枝间拍摄视频。可折叠机器人越来越受欢迎。例如一些“折纸机器人”是由折叠和展开的金属或塑

05

Flutter 3更新详解

Flutter 3 实现了 Flutter 以移动端为中心扩展到多平台的产品规划，并在今年 Google I/O大会的主题演讲上正式发布，继Flutter 2.10支持Windows 之后，此次发布提供了对 macOS 和 Linux 桌面端的稳定版支持，同时包括 Firebase 集成的改进，增加了与生产力和性能相关的新特性，并对 Apple 芯片提供了支持。

02

IDC：2025年，可折叠手机市场将有望达到290亿美元

可折叠手机，三星暂时成为“带头大哥”。作者 | 来自镁客星球的王饱饱全球可折叠手机出货量继续飙升，2021年售出了超过700万部翻盖和折叠手机。根据IDC（国际数据组织，International Data Corporation）的一份最新报告数据显示，2021年，全球折叠手机（包括翻盖和折叠外形）出货量总计为710万部，相较2020年的190万部，增长了264.3%。 IDC表示，预计到2025年，全球可折叠手机出货量将达到2760万部，2020年至2025年的复合年增长率（CAGR）将达到6

04

传苹果正研发可折叠iPhone，最迟2020年实现 | 热点

分析师表示，苹果正与数个亚洲合作伙伴合作开发可折叠手机，并计划在两年后推出。据国外媒体报道，近日，一位美国银行分析师表示，在iPhone X之后，iPhone的下一次重大设计变化将是可折叠外形。该分析师称苹果正在与供应商合作研发一款折叠手机，并将于2020年推出。据该分析师推测，折叠式手机将是影响下一代智能手机外观的重要因素。联想和三星已公开了带有可折叠屏的概念设备，其他公司也已提交对这类技术的专利申请，但真正的可折叠产品仍未问世。该分析师还表示，可折叠性能有望成为另一大卖点，因为将大屏幕折叠成智能手

02

使用 HTML5 新标签
制作 Accordion 组件（赠送3个相关案例源码）

HTML5 引入了很多新的标签，其中就包括

标签。使用这两个标签，我们可以很方便地实现内容的展开和折叠功能。下面我们来详细介绍一下它们的用法。

01

这个胶囊机器人可以吃，还可以救命！

GAIR 今年夏天，雷锋网将在深圳举办一场盛况空前的“全球人工智能与机器人创新大会”（简称GAIR）。大会现场，雷锋网将发布“人工智能&机器人Top25创新企业榜”榜单。目前，我们正在四处拜访人工智能、机器人领域的相关公司，从而筛选最终入选榜单的公司名单。如果你的公司也想加入我们的榜单之中，请联系：2020@leiphone.com 视频里的这个可折叠机器人，由麻省理工，谢菲尔德大学及东京工业大学共同研发完成，它能遇热自动伸展，可以作为医用胶囊，通过外部的磁铁控制其行动方向，可以爬进你的胃里，把你误吞食的电

继中兴推出了可折叠手机后，华为也计划明年上市可折叠机 | 热点

上周，华为刚刚推出旗舰机Mate10，而最近中兴推出过可折叠手机，很快华为也表示了明年上市可折叠手机的计划。上周，华为推出下半年的旗舰机Mate10，但他们并不打算停止追逐潮流的脚步。在上周中兴发布可折叠手机AXONM之后，华为也表示明年会上市一款可折叠机。中兴公司上周在美国纽约布鲁克林举行新品发布会，正式推出了首款双屏折叠手机AXONM。这款产品双屏幕可以同时显示两个应用程序，提供真正的类似PC的多任务处理。这样的市场潮流不可能逃过华为高层的眼睛。华为公司消费者业务CEO余承东透露华为的可折叠手机已经

00

大屏幕设备上的出色体验: Chrome 多任务处理提高用户工作效率

Google Chrome 是在全球广泛使用的浏览器，Chrome 团队希望可以确保用户在所有设备上都拥有出色体验。许多用户一直要求 Chrome 在移动设备、平板电脑和可折叠设备上提供更多有助于提高效率的功能，以更好地与桌面版的功能相匹配。为了满足这些需求，团队决定投入资源打造可促进多任务处理能力的功能。虽然团队也为手机端构建了此功能，但他们希望特别关注于在人们最常使用的地方实现支持，即平板电脑和可折叠设备等大屏幕设备。

02

Rstudio常用快捷键以及窗口操作有用技巧

如果想看所有快捷键，可按alt + shift + k；或者在界面中点击Tools + Keyboard Shortcuts Help。以后记得不是很清楚的可以看快捷键大全！

03

D3可视化：让您的仪表板更上一层楼

无论您的公司在哪个行业运营都可能产生大量数据。从销售到人员再到库存，若企业能够正确解释并转化为可行建议，企业将创造出非常有价值的信息。商业智能与分析以此想法为中心，现在比以往任何时候都更能找到出色的方法以创造性方式查看与连接数据点。

01

三星反口承认智能手机遭遇危机，指望Galaxy 10和可折叠手机突围

一边是与传统智能手机的变革战，一边是来自友商的压力，对于当前的三星，依靠可折叠手机等扳回一城，并没有那么的容易。

02

苹果折叠iPhone已交给富士康测试，将进行超过10万次折叠

11月30日，有消息称，继三星、华为之后，苹果计划在2022年9月推出可折叠iPhone，并已经要求其供应商送测可折叠iPhone的相应零部件样品，交由富士康整合成完整的测试机。

01

Android 与 Chrome OS 中针对大屏幕设备的更新

随着智能终端硬件的不断革新，大尺寸设备的种类越来越丰富，比如手机、折叠屏设备、平板电脑、ChromeBook、外接显示器的 ChromeBox 和集成屏幕的 Chromebase 等。Google 团队正在将更多研发精力投入到 Android 框架、Jetpack 和 Chrome 操作系统中。

04

CSS样式更改——列表、表格和轮廓

上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，这篇文章分享列表、表格和轮廓，一起来看看吧。

01

FAQ | 为大屏幕设备构建应用的常见问题解答

我们在后台和社区等各渠道收到了很多来自开发者们的反馈，也把一些开发者们常见的问题进行了简单的收集和梳理，整理成这一篇关于为折叠屏和大屏幕设备构建应用的常见问题和解答，如果您在构建过程中有任何其他的问题，欢迎通过留言的方式让我们知道。

01

折叠屏手机的相关知识

折叠手机是智能手机的一种造型，柔性AMOLED屏幕是折叠手机的突破关键。智能手机行业迎来“折叠屏时代”，各大手机厂商积极布局。早在2018年10月底，国内柔性屏生产商柔宇科技就推出了全球首款折叠屏手机FlexPai(柔派)。2019年2月份，三星和华为相继发布了旗下第一款折叠屏手机：GalaxyFold和MateX，并亮相世界移动通信大会(MWC)，揭开了“折叠屏手机时代”的帷幕。此外，TCL也在MWC上展示了一款自己研发的折叠屏手机，其外观和华为、柔派相似。

02

双折叠屏还不够，三星又申请了三折叠手机专利

当大众还在等待着三星可折叠手机上市时，又有消息传来，三星已经申请了三折叠手机的专利。

01

三星你在逗我吗？说好的可折叠屏手机改变世界呢？

透过现场的介绍，我们可以感受出，折叠屏手机已经不仅仅是一款产品，更承载了三星对交互方式和智能硬件形态变革的寄托。

02

安卓13来了！首个开发者版公布，三方图标随壁纸变色，电量管理系统也安排上了

行早发自凹非寺量子位 | 公众号 QbitAI 当你还在等着更新Android 12的时候，谷歌已经发布了第一个Android 13的开发者版本了。这次谷歌计划发布两个开发者版本和4个Beta版本。根据谷歌给出的发布计划，正式版最早在8月放出：那这版安卓又增添了哪些新功能？来一起看一看~ 界面语言隐私全面更新在Android 13中，最显眼的是界面的变化，尤其是主题图标的改变。之前我们在给手机换壁纸的时候，App图标的颜色一直不会改变，有时候看起来很违和。这次谷歌把动态颜色功能扩展到了所有

02

Jetpack 叒一新成员 DragAndDrop 框架：大大简化拖放手势开发！

尽管 Android 一直长期支持拖放手势的实现（比如早在 Android 3.0 即加入的 DragEvent API），但事实证明：想要完整、顺畅地实现针对过程中的手势、触摸事件、权限以及回调的集成，往往比较困难和复杂。

02

详解 | 为可折叠设备构建响应式 UI

Android 设备的屏幕尺寸日新月异，随着平板和可折叠设备的普及度越来越高，在开发响应式用户界面时，了解您应用的窗口尺寸和状态显得尤为重要。Jetpack WindowManager 现已进入 beta 测试阶段，这个库提供了与 Android 框架中 WindowManager 比较相似的功能，包括了对支持响应式 UI、检测屏幕改变的回调适配器和测试窗口 API 的支持。但 Jetpack WindowManager 还新增了对可折叠设备和 ChromeOS 这类窗口环境的支持。

02

寒假提升｜ Day6 CSS 第四部分

当给父元素div(类名为box)设置font-size,color,text-align这些属性时,由于这些属性具有继承性,所以该父元素下的所有子元素(p,span,div)都会默认继承这些属性

02

使用vuepress-6小时搭建一个完全免费的个人网站

当然也可以自己写不用vuepress，自己写代码然后通过githubPages也是可以的，只是使用vuepress相对来说时间快一点，他生成的网站也是响应式的。

03

可折叠设备的桌面模式

可折叠设备向用户们提供了使用他们的手机做更多事情的可能性，包括*桌面模式**等创新，也就是当手机平放时，铰链处于水平位置，同时折叠屏幕处于部分打开的状态。

03

Flutter 可折叠边栏

移动应用程序具有多种方法来处理屏幕之间的导航，例如导航抽屉，底部导航栏，滑动选项卡等。

05

从CES 2020，看今年流行的phone

CES的手机并不多，但它们提供的信息丰富，暗示了我们将在2020年看到的重要趋势。

03

三星可弯曲屏幕通过美国安全性试验，摔落26次无损伤 | 热点

据报道，近日，三星电子旗下显示面板业务三星显示器（Samsung Display）表示，其开发的摔不坏的可弯曲屏幕（Unbreakable Flexible Panel）已经在美国通过安全性试验。

04

麒麟绝唱--华为Mate X2-买还是不买

在2020年，华为在智能手机和可穿戴设备的市场份额将在中国排名第一，而TWS耳机将实现80％的增长。

02

消沉的LG要进击了！不但要做可折叠手机，新机还会有16颗摄像头

一则是关于最近颇受关注的可折叠手机。与三星一样，同是屏厂和智能手机制造商的LG日前向欧盟知识产权办公室申请了三项商标注册，分别是FLEX、FOLDI和Duplex，分类为Class 9，巧的是，这个分类下包含了智能手机，可见LG之心昭然若揭。

01

无缝构建跨设备体验 | Google I/O 大会精彩回顾

在今年的 Google I/O 大会上，我们讨论了您的应用如何适配 Android 设备的各种屏幕尺寸。如果您错过了大会直播，可通过本文了解其中最重要的内容，也可以查看无缝构建跨设备体验 | Google I/O 大会精彩回顾视频了解

01

Android开发笔记（一百三十六）可折叠工具栏布局CollapsingToolbarLayout

上一篇博文《Android开发笔记（一百三十五）应用栏布局AppBarLayout》阐述了如何把Toolbar往上滚动，那反过来，能不能把Toolbar往下拉动呢？这里要明确一点，Toolbar本身是页面顶部的工具栏，其上没有本页面的其它控件了，如果Toolbar被拉下来了，那Toolbar上面的空白该显示什么？所以Toolbar的上部边缘是不可以往下拉的，只有下部边缘才能往下拉，这样的视觉效果好比Toolbar如电影幕布一般缓缓向下展开。不过，Android在实现展开效果的时候，并非直接让Toolbar展开或收缩，而是另外提供了CollapsingToolbarLayout，通过该布局包裹Toolbar，从而控制标题栏的展开和收缩行为。下面是CollapsingToolbarLayout的属性说明： app:contentScrim : 指定布局内部未展开时的背景颜色。 app:collapsedTitleTextAppearance : 指定未展开时的标题文字字体。 app:collapsedTitleTextColor : 指定未展开时的标题文字颜色。 app:collapsedTitleGravity : 指定未展开时的标题文字对齐方式。 app:expandedTitleTextAppearance : 指定展开后的标题文字字体。 app:expandedTitleTextColor : 指定展开后的标题文字颜色。 app:expandedTitleGravity : 指定展开后的标题文字对齐方式。 app:expandedTitleMargin : 指定展开后的标题四周间距。 app:expandedTitleMarginStart/app:expandedTitleMarginTop/app:expandedTitleMarginEnd/app:expandedTitleMarginBottom : 指定展开后的标题具体方向的间距。上述属性在代码中的设置方法如下所示： setContentScrim/setContentScrimColor/setContentScrimResource : 设置布局内部未展开时的背景颜色。 setCollapsedTitleTextAppearance : 设置未展开时的标题文字字体。 setCollapsedTitleTextColor : 设置未展开时的标题文字颜色。 setCollapsedTitleGravity : 设置未展开时的标题文字对齐方式。 setExpandedTitleTextAppearance : 设置展开后的标题文字字体。 setExpandedTitleColor : 设置展开后的标题文字颜色。 setExpandedTitleGravity : 设置展开后的标题文字对齐方式。 setExpandedTitleMargin : 设置展开后的标题四周间距。 setExpandedTitleMarginStart/setExpandedTitleMarginTop/setExpandedTitleMarginEnd/setExpandedTitleMarginBottom : 设置展开后的标题具体方向的间距。在工程中使用CollapsingToolbarLayout，则需注意以下几点： 1、添加几个库的支持，包括appcompat-v7库（Toolbar需要）、design库（CollapsingToolbarLayout需要）、recyclerview库（主页面的RecyclerView需要）； 2、布局文件的根布局采用android.support.design.widget.CoordinatorLayout，因为design库的动态效果都依赖于该控件； 3、CoordinatorLayout节点要添加命名空间声明xmlns:app="http://schemas.android.com/apk/res-auto"； 4、使用android.support.design.widget.AppBarLayout节点包裹android.support.design.widget.CollapsingToolbarLayout节点，再在CollapsingToolbarLayout节点下添加Toobar； 5、Toobar节点添加滚动属性app:layout_scrollFlags="scroll|enterAlways"，声明工具栏的滚动行为标志；其实真正运行的时候，Toolbar的高度是固定不变的，变化高度的是CollapsingToolbarLayout。只是许多App把这两者的背景设为一样的，所以看起来像是统一的标题栏在收缩和展开。既然二者原本不是一家，那么就得有新的属性用于区分它们内部的行为，新属性在Collaps

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭