vue折叠面板默认折叠_可折叠物品和其他形状因素

本文主要是介绍vue折叠面板默认折叠_可折叠物品和其他形状因素,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

vue折叠面板默认折叠

We built the Android Emulator to make it possible for you to test your app without having to maintain a fleet of physical devices. While this is still our primary goal, we’re not satisfied with providing a tool that is exclusively an imitation of a physical device. Instead, we want to build an emulator that complements physical devices by providing features that are only made possible by a virtual device.

我们构建了Android模拟器,使您无需维护大量物理设备即可测试您的应用程序。 尽管这仍然是我们的主要目标,但我们对提供专门模仿物理设备的工具并不满意。 相反,我们希望通过提供只能由虚拟设备实现的功能来构建对物理设备进行补充的仿真器。

In the past, we’ve released features like the Location and Battery extended controls, both of which allow you to quickly test scenarios that would cause headaches on a physical device. The Location controls allow you to test your app’s reaction to movement along a route from the comfort of your desk, and the Battery controls allow you to test the impact of things like charge level state without having to wait for your physical device’s battery to run down.

过去,我们发布了“ 位置”和“电池”扩展控件之类的功能 ,这两项功能都使您能够快速测试可能导致物理设备头痛的情况。 位置控件可让您从舒适的桌子上测试应用对沿路线移动的React,而电池控件可让您测试充电水平状态等事物的影响,而不必等待物理设备的电池耗尽。

Image for post
The Location controls allow you to emulate movement along a route. 位置控件可让您模拟沿路线的移动。

Today, I’d like to show you some of the new ways the Android Emulator is making it easier to develop and test your app, with a particular focus on functionality that aligns with new features in Android 11.

今天,我想向您展示Android模拟器使开发和测试应用程序变得更加容易的一些新方法,特别着重于与Android 11中的新功能保持一致的功能。

可折叠物品和其他形状因素 (Foldables and other form factors)

Unlocking the potential of foldable phones just got easier with Android Emulator version 30.0.23+, which can be found in the Android Studio Canary release channel. It features a new 3D foldable device rendering and expanded foldable controls. The 3D rendering makes it straightforward to visualize how your app will look on a foldable device, while the expanded controls allow you to explicitly set the angle of each fold or the overall device posture. You can use these additions to validate that your app looks great on foldable devices and build custom experiences that play off of the form factor’s strengths.

使用Android Emulator 30.0.23+版本可以更轻松地释放可折叠手机的潜力,该版本可在Android Studio Canary发布频道中找到。 它具有新的3D可折叠设备渲染和扩展的可折叠控件。 通过3D渲染,可以直观地直观显示您的应用在可折叠设备上的外观,而展开的控件可让您显式设置每次折叠的角度或整个设备的姿势。 您可以使用这些添加项来验证您的应用在可折叠设备上的外观是否不错,并构建可发挥外形优势的自定义体验。

Image for post
Using the Emulator to build an interface that splits into a parent child layout when the device’s state is HALF_OPENED and returns to normal when the state is OPENED .
使用仿真器来构建一个接口,该接口在设备状态为 HALF_OPENED 时拆分为父子布局, 并在状态为 OPENED 时返回正常

This feature takes advantage of the flexibility of the Android Emulator and hooks directly into the WindowManager, a recent addition to Android Jetpack that makes it possible for developers to build consistent experiences that react to the posture of foldable devices. With these controls, you can explicitly set the WindowManager’s DeviceState and test your app’s reaction. In the example above, the Android Sunflower sample app has been modified to split into a parent child layout along the device’s hinge when the posture is HALF_OPENED, using the hardware to support novel UX. If you want to learn more about this library and building for foldables, read Building apps for foldables or Support New Form Factors with the New Jetpack WindowManager Library. If that’s not enough, look out for more content in the 9th week of 11 Weeks of Android: Android Beyond Phones.

此功能利用了Android Emulator的灵活性,并直接与WindowManager挂钩, WindowManager是Android Jetpack的最新功能 ,使开发人员可以构建对可折叠设备的姿势有React的一致体验。 使用这些控件,您可以显式设置WindowManager的DeviceState并测试您的应用程序的React。 在上面的示例中,对Android Sunflower示例应用程序进行了修改,以在姿势为HALF_OPENED时使用设备支持新的UX沿设备的铰链拆分成父子布局。 如果要了解有关此库并为可折叠设备构建的更多信息,请阅读为可折叠设备构建应用程序,或使用新的Jetpack WindowManager库支持新的外形尺寸 。 如果这还不够,请在“ Android 11周:Android超越手机”的第9周中寻找更多内容。

Alongside the visualization and extended controls, we are expanding upon the two initial foldable hardware profiles and will be releasing profiles that feature horizontal folds and dual displays alongside Android Studio 4.2. Until then, or afterwards if you would like to customize your virtual device, foldable properties can be added or modified by editing a virtual device’s config.ini file. This makes it possible to emulate any foldable device on the market or even configurations that don’t yet exist. A virtual device’s config.ini file can be found by right clicking the device in the Android Virtual Device (AVD) Manager in Android Studio and selecting “Show on Disk”. Adding the following code to a Pixel 3’s config.ini file allows you to see what it would look like with a horizontal fold!

除了可视化和扩展控件外,我们还将扩展两个初始的可折叠硬件配置文件 ,并将发布具有水平折叠和双重显示功能的配置文件以及Android Studio 4.2。 在此之前或之后,如果您想自定义虚拟设备,可以通过编辑虚拟设备的config.ini文件来添加或修改可折叠属性。 这样就可以模拟市场上任何可折叠的设备,甚至还可以模拟尚不存在的配置。 可以通过在Android Studio中的Android虚拟设备(AVD)管理器中右键单击该设备,然后选择“在磁盘上显示”来找到虚拟设备的config.ini文件。 将以下代码添加到Pixel 3的config.ini文件中,您可以水平折叠看到它的外观!

hw.sensor.hinge = yes# Number of hinges
hw.sensor.hinge.count = 1# 0 = horizontal, 1 = vertical
hw.sensor.hinge.type = 0# Min and max angle of each hinge. Add a comma and repeat for additional hinges.
hw.sensor.hinge.ranges = 0-180# The angle of each hinge at boot. Add a comma and repeat for additional hinges.
hw.sensor.hinge.defaults = 180# Starting x, starting y, width, height. Add a comma and repeat for additional hinges.
hw.sensor.hinge.areas = 0-1080-1080-1# 1 = closed, 2 = half-opened, 3 = opened, 4 = flipped
hw.sensor.posture_list = 1,2,3# Assigning boundaries between the postures, usually implemented by OEMs
# Add an & and an additional range when multiple hinges determine posture (0-30&0-30)
hw.sensor.hinge_angles_posture_definitions = 0-30, 30-150, 150-180
Image for post
A virtual Pixel 3 with an added horizontal fold. 具有水平折叠的虚拟像素3。

Keep in mind that foldables are only one of many alternative form factors supported by Android and the Android Emulator. Our Android Auto, Android TV, and WearOS virtual devices also make it possible to build for alternative form factors and reach even more users.

请记住,可折叠只是Android和Android Emulator支持的许多替代形式之一。 我们的Android Auto , Android TV和WearOS虚拟设备还可以构建替代尺寸的产品,并吸引更多用户。

5G (5G)

The Android Emulator now features 5G support, allowing you to develop experiences that leverage 5G without having to purchase hardware or access a physical 5G network. To try this out, download and create a virtual device with one of the Android 11 Beta 2+ (API level 30) system images and run it with the latest version of the Android Emulator, which is available in the Android Studio Canary release channel.

Android Emulator现在具有5G支持,使您无需购买硬件或访问物理5G网络即可开发利用5G的体验。 要尝试此操作,请下载并使用Android 11 Beta 2+(API级别30)系统映像之一创建虚拟设备,然后使用最新版本的Android Emulator运行该设备,该软件可在Android Studio Canary发布频道中找到。

The Android Emulator 5G network setting integrates with the new Android 11 5G detection, meteredness, and bandwidth estimation APIs, making it possible to develop for and test against this API surface with the click of a button.

Android Emulator 5G网络设置与新的Android 11 5G检测 , 计量和带宽估计 API集成在一起, 只需单击一下按钮,即可针对该API表面进行开发和测试。

Image for post
The 5G network setting can be accessed in the Android Emulator’s Cellular controls 可以在Android模拟器的Cellular控件中访问5G网络设置

Check out our 5G documentation to learn more about adding 5G capabilities to your app.

查看我们的5G文档,以了解有关向您的应用程序添加5G功能的更多信息。

结论与展望 (Conclusion & Looking Forward)

The Android Emulator was initially built to provide a realistic virtual device that makes it possible to test your app on every device configuration out there without having to upkeep a fleet of physical devices. We are still committed to this goal and will continue to provide a variety of device form factors alongside high quality, Android Compatibility Test Suite (CTS) compliant system images for each Android platform release.

Android模拟器最初是为了提供逼真的虚拟设备而构建的,该虚拟设备使您可以在无需维护大量物理设备的情况下,在每种设备配置上测试您的应用程序。 我们仍然致力于实现这一目标,并将继续为每个Android平台版本提供各种设备尺寸以及高质量, 兼容Android兼容性测试套件(CTS)的系统映像。

That said, we aren’t satisfied with just providing the basic feature set of a physical device. Instead, we are also focused on building a tool that goes above and beyond, complementing physical devices with features that are only possible on a virtual device. The new Android Emulator foldable and 5G features are two examples of how the Android Emulator complements physical devices, and we hope that they help turn your app up to Android 11.

就是说,我们不满意仅提供物理设备的基本功能集。 取而代之的是,我们还专注于构建超越标准的工具,以仅在虚拟设备上才能实现的功能来补充物理设备。 新的Android模拟器可折叠和5G功能是Android模拟器如何补充物理设备的两个示例,我们希望它们可以帮助您将应用程序升级为Android 11 。

翻译自: https://medium.com/androiddevelopers/developing-for-android-11-with-the-android-emulator-a9486af2d7ef

vue折叠面板默认折叠


http://www.taodudu.cc/news/show-8168037.html

相关文章:

  • 流利阅读 2019.2.28 Huawei launches new $2,600 foldable 5G phone to rival Samsung
  • 自Kindle以来,微软的New Foldable可能是最好的阅读工具
  • Haskell语言学习笔记(14)Foldable
  • Scalaz(8)- typeclass:Monoid and Foldable
  • Haskell语言学习笔记(27)Endo, Dual, Foldable
  • idea插件 Foldable projectview使用方法
  • python中and,or,in在判断结构中的介绍
  • Hive中not in的正确使用
  • 高中python教程标准_高中应该怎样自学Python?
  • 从学术角度论Uber的人工智能预测醉酒专利
  • 直插排序(C语言实现)
  • 直插排序c++实现
  • Dual In-Line Package(双列直插式封装)和Pin Grid Array Package(针栅阵列插入式封装)
  • Java直插排序
  • 15-E. DS内排—直插排序
  • 直插排序——C语言
  • DS内排—直插排序
  • PHP通过mktime()方法,获取今天、昨天、上周、本月的起始时间戳
  • springboot执行定时任务的几种方式
  • 计算机中 amp 是什么符号,Excel中的 quot;quot; amp;符号都代表什么怎么用?还有别的逻辑运算符号吗?...
  • spring使用java配置定时任务的几种配置方式及示例
  • java配置定时任务_java配置定时任务的几种配置方式及示例
  • org.apache.catalina.core.StandardContext.startInternal ServletContainerInitializer处理期间出错
  • 几种常用定时任务的使用
  • Spring学习(十五)使用quartz子框架实现任务调度
  • IT人士之成功之6大步骤(转载)
  • 用计算机制作作品一般包括哪些步骤,2014信息技术模拟题[1]
  • JUC并发编程之JUC基本知识、多线程的编写步骤、LOCK接口
  • 飞机大战(python/pygame)
  • IT人士之成功之6大步骤
  • 这篇关于vue折叠面板默认折叠_可折叠物品和其他形状因素的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



    http://www.chinasem.cn/article/356634

    相关文章

    更改docker默认数据目录的方法步骤

    《更改docker默认数据目录的方法步骤》本文主要介绍了更改docker默认数据目录的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1.查看docker是否存在并停止该服务2.挂载镜像并安装rsync便于备份3.取消挂载备份和迁

    React实现原生APP切换效果

    《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

    使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

    《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

    vue如何监听对象或者数组某个属性的变化详解

    《vue如何监听对象或者数组某个属性的变化详解》这篇文章主要给大家介绍了关于vue如何监听对象或者数组某个属性的变化,在Vue.js中可以通过watch监听属性变化并动态修改其他属性的值,watch通... 目录前言用watch监听深度监听使用计算属性watch和计算属性的区别在vue 3中使用watchE

    python解析HTML并提取span标签中的文本

    《python解析HTML并提取span标签中的文本》在网页开发和数据抓取过程中,我们经常需要从HTML页面中提取信息,尤其是span元素中的文本,span标签是一个行内元素,通常用于包装一小段文本或... 目录一、安装相关依赖二、html 页面结构三、使用 BeautifulSoup javascript

    Vue3 的 shallowRef 和 shallowReactive:优化性能

    大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

    这15个Vue指令,让你的项目开发爽到爆

    1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

    【 html+css 绚丽Loading 】000046 三才归元阵

    前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

    【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

    【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

    禁止平板,iPad长按弹出默认菜单事件

    通过监控按下抬起时间差来禁止弹出事件,把以下代码写在要禁止的页面的页面加载事件里面即可     var date;document.addEventListener('touchstart', event => {date = new Date().getTime();});document.addEventListener('touchend', event => {if (new