展开

关键词

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

2.1 什么是Multi-resume 谷歌在Android 7.0 时代便支持了多窗口分屏功能,即多个应用可同时共享屏幕,但问题是多个应用无法同时使用,只有具有焦点的应用才能保持在活动(resume) 从 Android P (9.0) 开始,谷歌提供了名为Multi-resume的新功能,允许设备厂商在多窗口模式下保持所有可见应用处于活动状态,解决了分屏的多个应用仅有一个能保持活动状态的问题。 可以利用配置限定符实现此目的,它允许系统根据当前配置(针对不同屏幕尺寸的不同布局设计)自动选择合适的资源。 应用连续性 应用连续性是折叠屏手机的一大亮点,当在外屏和内屏之间切换时,应用保持运行状态,并会自动调整大小以匹配新的布局。 image 安装后,从应用列表中打开应用程序“可折叠模拟器”。 3)权限授予 ?

57740
  • 广告
    关闭

    腾讯云精选爆品盛惠抢购

    腾讯云精选爆款云服务器限时体验20元起,还有更多热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Bootstrap实战 - 响应式布局

    一、介绍 响应式布局就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。 官方介绍:Bootstrap 包括 250 多个来自 Glyphicon Halflings 的字体图标。 电脑端效果图: [231151-1024x586-1.jpg] 移动端效果图: [231419-370x594-1.jpg] 其实实现这样一个效果很简单,首先看一下栅格参数如何在多种屏幕设备上工作的。 转载必须包含本声明,保持本文完整,并以超链接形式注明作者后除和本文原始地址:https://blog.mazey.net/2575.html (完)

    16500

    Java单体应用 - 常用框架 - 01.Bootstrap - 网格系统

    网格系统 序号 文内章节 视频 1 概述 - 2 什么是网格(Grid) - 3 什么是Bootstrap网格系统 - 4 工作原理 - 5 网格选项 - 请参照如上章节导航进行阅读 1.概述 Bootstrap 3.什么是Bootstrap网格系统 Bootstrap 官方文档中有关网格系统的描述: Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统,可以随着设备或视口大小的增加而适当地扩展到 5.网格选项 下表总结了 Bootstrap 网格系统如何跨多个设备工作: 表述 超小设备手机(<768px) 小型设备平板电脑(≥768px) 中型设备台式电脑(≥992px) 大型设备台式电脑(≥1200px ) 网格行为 一直是水平的 以折叠开始,断点以上是水平的 以折叠开始,断点以上是水平的 以折叠开始,断点以上是水平的 最大容器宽度 None (auto) 750px 970px 1170px Class col-md-6" style="border: 1px solid blue;">右

    运行效果如下: [PC端效果 - 光束云 - work100.net] 打开浏览器开发者模式

    24540

    记一次bootstrap-treeview的使用

    简要教程 插件描述:bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。 该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,视图树、列表树等等。 ? 插件依赖 Bootstrap v3.0.3 jQuery v2.0. 以上两个外部依赖文件已经经过测试可以正常使用,其他版本的Bootstrap需要另行测试。该插件不支持bootstrap 2。 $('#tree').treeview('methodName', args) 多个参数必须使用数组对象来传入。 $('#tree').treeview('clearSearch'); collapseAll(options):折叠所有的节点,折叠整个树。

    2.3K30

    前端入门24-响应式布局(BootStrap)声明正文-响应式布局(BootStrap

    BootStrap 引入项目中使用有两种方式: 直接使用网上资源 将相关资源下载至本地使用 使用网上资源 第一种方式最简单,直接在 HTML 文档中声明 css 和 js 文件来源即可,: <! 下载资源到本地也有两种方式,一是手动到官网下载,下面三个地址: 下载 BootStrap 下载 jQuery 下载 popper 二是利用一些工具来下载, node.js 的 npm 命令来下载,打开终端 :collapse bg-dark,collapse 是折叠的意思,所以第一个

    React Native开发之ATOM开发实用技巧

    注意:linter-jshint是依赖linter插件来使用的,也就是说必须先安装linter插件;因为linter是一个粗糙的检查,有很多针对专门项的代码检查,linter-csslint、linter-php 12、atom-bootstrap3 bootstrap3代码提示插件。 13、Remote-FTP ftp管理工具,命令和图形化界面都支持。 ? ATOM快捷键大全 文件切换 ctrl-shift-s保存所有打开的文件 cmd-shift-o 打开目录 cmd-\ 显示或隐藏目录树 ctrl-0焦点移到目录树,目录树下,使用a,m,delete alt-cmd-[折叠 alt-cmd-] 展开 alt-cmd-shift-{ 折叠全部 alt-cmd-shift-}{ 展开全部 cmd-k cmd-N { 指定折叠层级 N为层级数 alt-G H在github上打开文件history alt-G C拷贝当前文件在gihub上的网址

    29780

    再见丑陋的 SwaggerUI,这款API文档生成神器界面更炫酷,逼格更高!

    一、关于 Knife4j Knife4j 的前身是 swagger-bootstrap-ui,是 springfox-swagger-ui 的增强 UI 实现。 swagger-bootstrap-ui 增强后的样子长下面这样。单纯从直观体验上来看,确实增强了。 **/v3/api-docs 四、Knife4j 的功能特点 1)支持登录认证 Knife4j 和 Swagger 一样,也是支持头部登录认证的,点击「authorize」菜单,添加登录后的信息即可保持登录认证的 2)支持 JSON 折叠 Swagger 是不支持 JSON 折叠的,当返回的信息非常多的时候,界面就会显得非常的臃肿。Knife4j 则不同,可以对返回的 JSON 节点进行折叠。 3)离线文档 Knife4j 支持把 API 文档导出为离线文档(支持 markdown 格式、HTML 格式、Word 格式), 使用 Typora 打开后的样子如下,非常的大方美观。

    13420

    机器学习帮助WebRTC视频质量评价

    但是如何在生产和实时中做到这一点呢? 我们为每个模型测试了多个参数组合,并且仅针对每个模型类别保持最佳。除了最基本的神经网络之外,还使用了卷积,循环和时间延迟神经网络。 由于每个数据库包含多个失真,我们不能随意拆分折叠,因此我们尝试选择5个折叠,这样所有失真都存在于一个折叠中,并且我们对所有测试保持相同的分布。然后,只考虑折叠的平均值。 另一种创建折叠的方法是制作一个视频,它的变形是一个折叠。使用这种方法,折叠会更小,验证折叠对模型来说是全新的。 它为现有用例中更简单的实现打开了大门,并为许多新的用例打开了大门,在这些用例中,可以在流式传输管道的任何给定点进行质量评估。 完整的研究报告可从CoSMo获得。

    14040

    不简单的 white-space 属性

    详细介绍 white-space 属性可以包括以下 3 个方面内容 **1 如何处理文本内容中的多个空格和 Tab? ** 策略1: 折叠。 如果多个空格和 Tab 在文本内容中间,则合成一个空格;如果在文本内容开头,则忽略。 A bunch of 此处有Tab words you see.中文 测试。 折叠后变成 A bunch of words you see.中文 测试。 策略2: 保持原样。有几个空格,Tab 就显示几个。 2 如何处理换行符? 策略1: 忽略。

    忽略后变成
    aaabbb
    策略2: 换行。 3 在文本内容超出容器宽度时,如何处理? 策略1: 换行。 策略2: 不换行。 换行 nowrap 忽略 折叠 不换行 pre 换行 保持原样 不换行 pre-wrap 换行 保持原样 换行 pre-line 换行 折叠 换行 兼容性 主流浏览器,甚至包括 IE6 都支持 white-space

    36620

    折叠屏上应用设计规范,了解一下?

    包括适当缩放以展示更多内容,示例中的副标题和日期,以及较小的组合技术,例如在紧凑型的布局中对内容进行视觉分组并保持其相关性等。 这种交互与移动手机一样——打开一项即表示打开一个新页面,但这种体验更具沉浸感,而且专为大屏幕尺寸而设计。 △ 折叠设备的三种常见姿态 与其他大屏幕设备一样,我们需要多想想用户会怎样握持未折叠设备?平板电脑,部分屏幕区域难以用大拇指触及,用户也很难腾出整只手来自由操控屏幕。 △ 平均分布在铰链两侧的八栏网格 (蓝背景) 适配示例 现在我们来看如何在运行期间利用好折叠状态。Jetpack Window Manager 库提供了相应的 API,可以检测应用窗口是否存在折叠。 // 书本模式是半打开的垂直折叠模式 fun FoldingFeature.isBookMode() = state == FoldingFeature.State.HALF_OPENED &&

    6720

    AngularDart Material Design 扩展面板 顶

    一个或多个面板在扩展面板集中组合在一起。 单击面板时,面板内容将展开。 面板由名称,值,可选的辅助文本和展开的面板内容组成。 disabled bool  如果为true, 则面板将保持折叠状态而无法展开,或者如果默认情况下展开,它将保持展开状态。 open Stream<AsyncAction<bool>>  面板试图打开时触发事件。 此操作可能会被取消。 ,因此一次只能打开一个MaterialExpansionPanel。 展开MaterialExpansionPanel时,其外部的任何单击都将自动折叠面板。

    24020

    Bootstrap实用手册

    折叠元素

    (3). 特殊效果:手风琴(Accordion),此效果分为面板组(panel-group)和折叠插件两部分 ? (4). ②. class.navbar-brand 定义 brand 内容 ③. class.navbar-togglte 定义折叠按钮 ④. class .navbar-collapse 折叠按钮,当屏幕大于 @import 功能 在 Less 中的@import ,在服务器端将多个 less 文件的内容整合到一个 less 文件中 @import "xxx.less"; 在CSS中使用@import功能将多个 修改Bootstrap组件的细节样式,实现细粒度定制 修改特定的组件对应的less文件,dropdown.less 55. 项目不允使用Bottstrap时,提取以下css样式文件 (1).

    23020

    Python+Dash快速web应用开发:回调交互篇(下)

    我将带大家get一些Dash中实际应用效果惊人的「高级回调特性」,系好安全带,我们起飞~ 图1 2 Dash中的高级回调特性 2.1 控制部分回调输出不更新 在很多应用场景下,我们给某个回调函数绑定了多个 2.2 基于模式匹配的回调 这是Dash在1.11.0版本开始引入的新特性,它所实现的功能是将多个部件绑定组织在同一个id属性下,这听起来有一点抽象,我们先从一个形象的例子来出发: 假如我们要开发一个简单的 你可以通过最下面打印出的每次refresh_account_sum()所接收到的children参数json格式结果来弄清我是如何在return值的地方取出历史记账金额并计算的。 从一个很简单的点击按钮,实现部分网页内容的打开与关闭出发,这里我们提前使用到dbc.Collapse部件,用于将所包含的网页内容与其它按钮部件的点击行为进行绑定: ❝app5.py ❞ import dash app.run_server(debug=True) 可以看到,服务端回调我们照常写,而浏览器端回调通过传入一个非常简单的js函数,在每次回调时接受输入并输出is_open的逻辑反值,从而实现了折叠内容的打开与关闭切换

    13550

    (数据科学学习手札106)Python+Dash快速web应用开发——回调交互篇(下)

    图1 2 Dash中的高级回调特性 2.1 控制部分回调输出不更新   在很多应用场景下,我们给某个回调函数绑定了多个Output(),这时如果这些Output()并不是每次触发回调都需要被更新,那么就可以根据 你可以通过最下面打印出的每次refresh_account_sum()所接收到的children参数json格式结果来弄清我是如何在return值的地方取出历史记账金额并计算的。    ()前应用MATCH模式匹配后,我们点击某个部件时,只有跟它index匹配的部件才会打印出相对应的输出,非常的方便~ 2.3 多输入情况下获取部件触发情况   在很多应用场景下,我们的某个回调可能拥有多个 从一个很简单的点击按钮,实现部分网页内容的打开与关闭出发,这里我们提前使用到dbc.Collapse部件,用于将所包含的网页内容与其它按钮部件的点击行为进行绑定: app5.py import dash app.run_server(debug=True)   可以看到,服务端回调我们照常写,而浏览器端回调通过传入一个非常简单的js函数,在每次回调时接受输入并输出is_open的逻辑反值,从而实现了折叠内容的打开与关闭切换

    32910

    Jump Start Bootstrap 第4章

    这里,我们将看到使用Bootstrap的JavaScript插件如何在不同的状态使用它们,并且让它们切换状态。 它是一个插入多个垂直堆叠标签的插件,但同一时间只能打开一个标签。 在Bootstrap中,通过将多个面板组件组合在一个容器中来创建Collapse。我们在最近一章看到了如何创建一个面板。 【注,如果有多个包裹体包含了in,在初始化界面后会有多个包裹体处于打开状态,这是应该避免的】Bootstrap的JavaScript依靠类panel-collapse来识别包裹体。 Bootstrap也给Collapse插件附加了四个自定义事件: show.bs.collapse: 即将打开选项卡时触发 shown.bs.collapse: 打开选项卡后触发 hide.bs.collapse 与Bootstrap模式对话框相关的事件包括: show.bs.modal: 即将打开对话框前触发 shown.bs.modal: 打开对话框后触发 hide.bs.modal: 即将隐藏对话框前触发

    36440

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

    答: 首先是思维的转变,过去为直板手机开发应用,如今要切换到为形状各异且尺寸不一的设备开发应用,开发者需要转变思维来考虑界面如何在各种尺寸的设备上运行,因为大屏设备的市场重要性已经毋庸置疑了。 此外开发者还需要考虑可折叠设备的形态,高级布局支持等。 这些都是需要考虑的非常重要的事项,如何在不同折叠形态下操作起来符合人体工学设计。 大家所知可折叠设备层出不穷,我们推出了 Jetpack WindowManager 库,帮助开发者对应用做出调整,以充分利用可折叠设备为用户提供全新的体验。 Activity Embedding 只是允许您并排显示多个 Activity,不需重构应用架构,使用起来很简单。

    6010

    Python+Dash快速web应用开发:回调交互篇(中)

    DataScienceStudyNotes ❞ 1 简介 这是我的系列教程「Python+Dash快速web应用开发」的第四期,在上一期的文章中,我们进入了Dash核心内容——callback,get到如何在不编写 启动我们的应用时,可以添加参数debug=True来切换为「debug」模式,在这种模式下,我们可以获得以下辅助功能: 「热重载」 热重载指的是,我们在编写完一个Dash的完整应用并在debug模式下启动之后,在保持应用运行的情况下 「对回调结构进行可视化」 你可能已经注意到,在开启debug模式之后,我们浏览器中的Dash应用右下角出现的蓝色logo,点击打开折叠,可以看到几个按钮: 图3 其中第一个「Callbacks」非常有意思 ,它可以帮助我们对当前Dash应用中的回调关系进行可视化,譬如下面的例子: ❝app2.py ❞ import dash import dash_bootstrap_components as dbc return int(value) ** 0.5 if __name__ == "__main__": app.run_server(debug=True) 图4 可以看到,我们打开

    10140

    BootStrap应用开发学习入门1

    导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基本的导航定义样式。 :图像、视频、音频等。 多媒体对象的样式可用于创建各种类型的组件(比如:博客评论),我们可以在组件中使用图文混排,图像可以左对齐或者右对齐。 $('#identifier').modal('toggle') Show: .modal(‘show’) 手动打开模态框。 Dropdown)触发器

    #如果您需要保持链接完整 您可以传递多个触发器,每个触发器之间用空格分隔。

    21720

    折叠屏 ③ | 华为资深专家解读折叠屏组合页面设计及多任务设计要求

    前言 组合页面设计是将原先两个或多个页面的内容,合并到一个新页面中以分栏或其他形式呈现出来,形成跨页面的交互,从而在适合的场景下构建出新的页面组合样式和新的用户体验。 一起来看看规范的详细内容吧~ 一 组合页面设计 不管是哪种折叠方式,对用户来说是新增了一块可折叠的屏幕,而这新增的屏幕使得1+1大于2,手机能变换为平板。 页面组合中右侧页面的操作可以保持普通手机的“层层深入”,并借助返回操作“层层退出”的导航定义。 为了达成“需要时可找到”的要求,建议保持固定的搜索入口在屏幕的固定位置,帮助用户随时找到自己所需的元素或分类。 点击左侧中某一个条目,右侧打开对应的详情内容。 用户可以借助在左侧列表中点击任意一个条目,在右侧快速打开对应的详情内容,实现内容快速切换。

    7830
    点击加载更多

    相关产品

    • 云+校园特惠套餐

      校园优惠套餐升级,云服务器1核2G10元/月起购

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券