5 天前 / 冷星1024
作者简介 Leo Li，携程高级软件工程师，负责度假 BDD-Test UI 自动化测试框架的研发、维护和迭代等工作。 如今无论大公司还是小公司都越来越重视测试质量。并且前端领域越来越繁荣，前端工程也越来越复杂，纯靠人力手工测试已经显得有些力不从心并且更容易出错。因此在项目中引入 BDD 理念进行自动化 UI 测试，让项目质量可以通过自动化工具来保障也被提上日程。本文将介绍携程度假团队是如何将其付诸实践，希望能给大家带来一些启发。 一、UI 自动化测试背景以及意义 在日常开发中，我们的程序出现 Bug 是一件非常正常的事情。
117 天前 / Android_开发者
写文章详解 | 为可折叠设备构建响应式 UI 谷歌开发者 1 人赞同了该文章为可折叠设备和大屏设备优化您的应用 Android 设备的屏幕尺寸日新月异，随着平板和可折叠设备的普及度越来越高，在开发响应式用户界面时，了解您应用的窗口尺寸和状态显得尤为重要。Jetpack WindowManager 现已进入 beta 测试阶段，这个库提供了与 Android 框架中 WindowManager 比较相似的功能，包括了对支持响应式 UI、检测屏幕改变的回调适配器和测试窗口 API 的支持。但 Jetpack WindowManager 还新增了对可折叠设备和 ChromeOS 这类窗口环境的支持。
123 天前 / Android_开发者
写文章实践 | Google I/O 应用是如何适配大尺寸屏幕 UI 的？谷歌开发者 8 人赞同了该文章 5 月 18 日至 20 日，我们以完全线上的形式举办了 Google 每年一度的 I/O 开发者大会，其中包括 112 场会议、151 个 Codelab、79 场开发者聚会、29 场研讨会，以及众多令人兴奋的发布。尽管今年的大会没有发布新版的 Google I/O 应用，我们仍然更新了代码库来展示时下 Android 开发最新的一些特性和趋势。
142 天前 / AggrxTech
简介 在 SwiftUI 发布之前，iOS 平台上 UI 开发都是围绕着 UIKit 框架，相关的技术包括：autoresizing、约束布局、UIStoryboard、XIB，开发方式分为可视化的 InterfaceBuilder 和直接 Coding。不过这些技术和方法都无法避免开发者陷入屏幕尺寸适配的细节当中。.. 除了适配多个屏幕尺寸，如果开发者可以把应用发布到多个平台：macOS、watchOS、tvOS、iPadOS。对苹果和开发者来说都将创造更大的价值，因为平台存差异的存在，支持 2 个以上平台对大部分开发者来说都是“不可能的任务”，大部分团队都会安排专人负责平台适配。
168 天前 / Android_开发者
写文章 Jetpack Compose 1.0 正式发布！打造原生 UI 的 Android 现代工具包谷歌开发者已认证的官方帐号 29 人赞同了该文章作者 / Anna-Chiara Bellini, Product Manager, Nick Butcher, Developer Relations 今天，我们正式发布 Jetpack Compose 的 1.0 版本，这是 Android 的现代原生 UI 工具包，可以帮助您更快地打造更好的应用。这是 Compose 的稳定版本，可供大家在生产中使用。在过去的两年里，我们一直在努力开发 Compose，并得到了 Android 社区的积极反馈和参与。在我们发布 1.0 的当下，Play Store 中已经有超过 2,000 个应用在使用 Compose 了。
189 天前 / Android_开发者
写文章使用更为安全的方式收集 Android UI 数据流谷歌开发者已认证的官方帐号 4 人赞同了该文章在 Android 应用中，通常需要从 UI 层收集 Kotlin 数据流，以便在屏幕上显示数据更新。同时，您也会希望通过收集这些数据流，来避免产生不必要的操作和资源浪费 ( 包括 CPU 和内存)，以及防止在 View 进入后台时泄露数据。 本文将会带您学习如何使用 LifecycleOwner.addRepeatingJob、Lifecycle.repeatOnLifecycle 以及 Flow.flowWithLifecycle API 来避免资源的浪费；同时也会介绍为什么这些 API 适合作为在 UI 层收集数据流时的默认选择。
196 天前 / 秦小风啊
文章主题是“单线程模型下如何保证 UI 的流畅性”。该话题针对的是 Flutter 性能原理展开的，但是 dart 语言就是 js 的延伸，很多概念和机制都是一样的。具体不细聊。此外 js 也是单线程模型，在界面展示和 IO 等方面和 dart 类似。所以结合对比讲一下，帮助梳理和类比，更加容易掌握本文的主题，和知识的横向拓展。 先从前端角度出发，分析下 event loop 和事件队列模型。再从 Flutter 层出发聊聊 dart 侧的事件队列和同步异步任务之间的关系。
205 天前 / 承香墨影
一、序大家好，这里是承香墨影！ 今天介绍一个我最近开源的 Flutter UI 方案，可以做到在全设备上 100% 还原设计稿，其背后的思想类似 Android 侧今日头条基于 density 的 UI 适配方案，接下来进入正题。 由于 Android 的碎片化，全设备的 UI 一致性，一直是开发者和设计师所追求的。后续也衍生出各种不同的适配方案以及对应的开源库，例如：AndroidAutoLayout、smallestWidth，以及最后今日头条基于修改 density 的 UI 适配方案。到后期对于 Android 的 UI 适配，基本上不存在什么新的问题了，只有方案的选择和使用问题。
225 天前 / u312562
很多刚入行的设计师或者是想学习设计的程序员朋友都问过我： 如何提高自己的设计能力？ 关于此问题，我特地找时间分别咨询了 shadow、熊叔、Mr.thinker 等社区的资深设计师，得到了不少有价值的反馈，我提炼了他们的共同点： 海量看图练习模仿思考总结 关键是多看优秀的设计图，然后尝试练习模仿，在实践中进行思考总结。 今天给大家分享我这几天搜集到的干货资料，58 个 UI & UX 小知识帮助你提升设计能力~ - 使用精细的边框使元素更明确 - 减少标题的字母间距...
295 天前 / 美团技术团队
总第 440 篇 2021 年 第 010 篇 设计稿（UI 视图）转代码是前端工程师日常不断重复的工作，这部分工作复杂度较低但工作占比较高，所以提升设计稿转代码的效率一直是前端工程师追求的方向之一。 此前，前端工程师尝试过将业务组件模块化构建成通用视图库，并通过拖拽、拼接等形式搭建业务模块，从而实现视图复用，降低设计稿转代码的研发成本。但随着业务的发展和个性化的驱动，通用视图库无法覆盖所有应用场景，本文提出了一种设计稿自动生成代码的方案。
317 天前 / 太空编程
什么是 FigmaFigma 是一个基于浏览器的协作式 UI 设计工具，Figma 从推出至今越来越受到 UI 设计师的青睐，如今也有很多的设计团队投入了 Figma 的怀抱，接下来会聊聊为什么我们应该选择 Figma 而不是 Sketch。 基于浏览器有什么好处跨平台（Win,、Chrome、Linux、Mac、TNT）无需保存设计文件现在是一个链接但我觉得文件存在本地更安全 Figma 支持历史版本恢复，免费版最多保存 30 天。专业或团队版无限制 Figma 考虑了灾难恢复，所有的基础架构都分布在 3 个 AWS 数据中心，其中任何一个数据中心意外发生故障，其它数据中心将继续工作。
405 天前 / 虞大胆
1 引言 Flutter 是 Google 推出的跨平台 UI 框架，一套代码，多端复用，性能上可媲美原生。Flutter 的诞生，引起业界的广泛关注，越来越多的互联网公司在 APP 中使用 Flutter 技术，像 bat、tmd 等知名国内互联网公司，研究和使用都比较深入。 贝壳作为国内 Flutter 技术应用的先驱，2018 年底就在 Link&A+ App 上线了 Flutter 页面，如今已有三百个 Flutter 页面上线应用；目前，公司共有 10+ 款 App 在使用 Flutter 框架，占活跃 App 总数的 80%。
441 天前 / 林选臣
适用于。NET/.NET Core 开发人员的 WinForms 组件 NanUI 发布最新版本了。本文将大概介绍 NanUI 0.8 版的新特性和新功能。发布前感悟 NanUI 自从上一次更新 NanUI 0.7 已经过去大半年，B 站和头条的教学视频也只制作到了第二集。 有朋友悄悄问我是不是发生什么事故我删库跑路了所以那么长时间不更新项目不发布教程，当然，这只是玩笑而已。 实际情况是 NanUI 0.7 基于 ChormiumFX 项目进行开发，刚刚发布 0.7 之后我就发现了框架自生存在有重大 BUG 而且是我没有能力处理的那种。
445 天前 / 公子
构建前端模块构建执行文件后记 Drone 是一款开源的 CI/CD 工具，基于容器提供了强大的插件系统。多年前我有写过《基于 Docker 的 CI 工具——Drone》中有详细的介绍它的优点。Drone 采用的是 Server/Agent 架构，Server 端用来处理请求派发任务给 Agent，最终在 Agent 上执行任务。 Drone 整体是使用 Golang 写的，drone/drone-ui 是它的前端页面仓库，采用 Vue.js 进行开发（很早之前是使用 React 进行开发的）。
453 天前 / Android_开发者
写文章深入详解 Jetpack Compose | 优化 UI 构建谷歌开发者已认证的官方帐号 16 人赞同了该文章人们对于 UI 开发的预期已经不同往昔。现如今，为了满足用户的需求，我们构建的应用必须包含完善的用户界面，其中必然包括动画 (animation) 和动效 (motion)，这些诉求在 UI 工具包创建之初时并不存在。为了解决如何快速而高效地创建完善的 UI 这一技术难题，我们引入了 Jetpack Compose —— 这是一个现代的 UI 工具包，能够帮助开发者们在新的趋势下取得成功。 在本系列的两篇文章中，我们将阐述 Compose 的优势，并探讨它背后的工作原理。