首页
学习
活动
专区
圈层
工具
发布

轻听变色之谜

轻听是一款小而美的Android本地音乐播放器,而它的特点之一就是拥有多彩的外衣,如下: 其中,左边6张是白天模式下的几种不同主题色的样式,右边是夜间模式。 那么轻听是如何实现变色的呢?...轻听这里,实现夜间模式分三步: 自定义Style 应用Style中的属性 设置Theme 自定义Style 我们这里,就是写两个Style ,然后各自有一套对应的颜色值。...问题 Style和Theme的方式实现简单,非常适用于模式较为固定的场景,如白天模式和夜间模式。 但是,轻听在白天的模式的时候的基础之上还有几种不同的主题色。 简单聊一下主题色。...颜色配置 颜色处理器 遍历逻辑控制器 颜色配置 颜色配置主要负责存储颜色值。 因为这里存储数据较小,而且简单,所以用SharedPreference来存储,稍加封装就可以。...颜色处理器 颜色处理器Processor主要负责对每一个View的各种颜色进行设置。

2.2K00

简洁优雅地实现夜间模式

夜间模式作为APP的一个重要的用户体验之一,很多应用有这个功能,目前,用户体验也是产品和设计较为看重的方面,越来越值得深入探究,本文将介绍在Android上一种夜间模式的实现方式。 ?...,夜间模式和暗色模式先是开启,然后有再次被移除。...不过,今天要介绍的主要内容并不是关于系统的夜间模式,而是如何给我们开发的APP添加夜间模式的功能。毫不夸张的说,夜间模式现在已经是阅读类App的标配了。...事实上,日间模式与夜间模式就是给APP定义并应用两套不同颜色的主题。用户可以自动或者手动的开启。我们先看两个我认为实现地很优雅的例子:知乎和Twitter。 ?...2 新建夜间模式资源文件夹:在res目录下新建values-night文件夹,然后在此目录下新建colors.xml文件在夜间模式下的应用的资源。

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

    学习笔记 | Android Studio安卓开发入门经验总结 干货

    ,本项目使用MVC模式进行开发。...资源文件res: 存放用于UI相关的各类资源,主要有: drawable:存放可被绘制的图形,包括矢量图和位图,以及由xml编写的各类图层、状态选择器等比较实用的前端UI部件。...colors.xml: 存放Hex色值,在程序中按照自定义的颜色名字进行读取。 dimens.xml: 存放尺寸信息。...Gradle构建配置文件build.gradle 项目级构建配置build.gradle(Project: $project_name):用于配置适用于项目的Gradle构建设置,例如使用的Gradle...3.3.5 回收型列表视图RecyclerView的使用 RecyclerView是基于viewholder的回收理念在ListView上的一个升级版,功能强大,当然在不需要进行回收的场景就当然不要用了

    5.4K60

    最新:iOS 13 适配

    如何改变当前模式 我们可以看到在动图中是直接改系统的模式,从而让 App 的模式修改,但是对于某些有夜间模式功能的 App 来说,如果用户打开了夜间模式,那么即使现在系统是 light 模式,也要强制用...当我们在一个普通的 controlle, view 上重写这个属性,只会影响当前的视图,不会影响前面的 controller 和后续 present 的 controller。...如果 App 打开夜间模式,那么很简单我们只需要设置 window 的 overrideUserInterfaceStyle 属性就好了。...题外话:当我们用 Xcode11 创建项目,我们会发现项目结构发生了变化,window 从 AppDelegate 移到 SceneDelegate 中。...增加两种 style 分别为 medium 和 large,指示器颜色用 color 属性修改。

    3.6K50

    AutoJs6 – v6.2.0 – 安卓 JavaScript 自动化工具 (Auto.js 二次开发)

    修复 系统夜间模式开启时应用启动后强制开启夜间模式的问题 修复 夜间模式开启后已设置的主题色可能无法生效的问题 修复 夜间模式下部分设置选项文字与背景色相同而无法辨识的问题 修复 关于页面功能按钮文本长度过大导致文本显示不完全的问题...Root 权限修改主页抽屉权限开关失败时未继续弹出 ADB 工具对话框的问题 修复 Root 权限显示指针位置在初次使用时提示无权限的问题 修复 图标选择页面的图标元素排版异常 修复 文本编辑器启动时可能因夜间模式设置导致闪屏的问题...(试修) 修复 文本编辑器设置字体大小时可用最大值受限的问题 修复 部分安卓系统脚本运行结束时日志中无法统计运行时长的问题 修复 使用悬浮窗菜单关闭悬浮窗后重启应用时悬浮窗依然开启的问题 修复...(材料设计颜色) 选项 优化 文件管理器 / 任务面板等列表项图标适当轻量化并适配主题色 优化 主页搜索框的提示文本颜色适配夜间模式 优化 对话框 / 文本 /Fab/AppBar/ 列表项等部件适配夜间模式...(参阅 项目文档 > 颜色) 优化 部分依赖或本地库版本调整 软件截图:

    9K20

    Fusionapp基础文档

    (0xFF232931) webView.setBackgroundColor(0xFF232931)//浏览器背景颜色 bmBarLin.setBackgroundColor(0xFF232931)/...首先通过微数据库记录状态,比如记录night的值,1为夜间模式,0为默认模式。...然后写两个函数分别设置夜间模式和默认模式的控件配色,这样就可以根据数据库的值来执行不同函数进而设置控件颜色了。...网页适配背景颜色,如果网页本身没有夜间模式,可以通过加载js来控制网页颜色的方式实现夜间模式,如果网页本身有夜间模式,可以通过js来触发夜间模式进而达到网页和app同时进入夜间模式。...还有个问题就是不同标签加载的网页会进行缓存,根据上述方式只能让当前标签的网址进入夜间模式,其他标签的网址页面还是没进入夜间模式,暂时我是用定时器每隔500毫秒判断一次来解决这个问题的...应该有更好的办法

    2.7K10

    使用 CSS prefers-* 规范,提升网站的可访问性与健壮性

    : reduce,开启了该规则后,相当于告诉用户代理,希望他看到的页面,可以删除或替换掉一些会让部分视觉运动障碍者不适的动画类型。...辅助性 > 减少运动 在 Android 9+ 上:设置 > 辅助性 > 移除动画 prefers-color-scheme 适配明暗主题 prefers-color-scheme 还是非常好理解的,它用于匹配用户通过操作系统设置的明亮或夜间...(暗)模式。...它有两个不同的取值: prefers-color-scheme: light: 明亮模式 prefers-color-scheme: dark: 夜间(暗)模式 语法如下,如果我们默认的是明亮模式,只需要适配夜间模式即可...除此之外,在审查元素的 Style 界面的取色器,改变颜色,也能直观的看到当前的色彩对比度: ?

    1.1K20

    iOS程序框架设计之皮肤切换功能 原

    case dayTime://白天模式         {         //这里面定义一些白天模式下 控件的颜色属性 也可以定义其他             _navColor=[...        {         //这里面定义夜间模式下的相关控件的颜色属性             _navColor=[UIColor colorWithRed:10/255.0 green:...postNotificationName:YHTopicChangeTopicNotication object:nil]; }         在manager调用通知中心发送通知后,我们要让所有需要改变主题的视图控制器都接收到通知... YHTopicProcotol  //所有可以更换主题的界面必须遵守这个协议调用并实现如下方法 //将视图中控件的颜色摄住部分全部放在这个方法中 @required -(void)...开启夜间模式后: ? ? ?

    79040

    Android 10适配要点,深色主题

    于是,许多应用程序为了能够让用户在光线昏暗的环境下更加舒适地使用,会在应用内部提供一个一键切换夜间模式的按钮。当用户开启了夜间模式,就会将应用程序的整体色调都调整成更加适合于夜间浏览的颜色。...不过,这种由应用程序自发实现夜间模式的方式很难做到全局统一,即有些应用可能支持夜间模式,有些应用却不支持。...而且重复操作的问题也很让人头疼,比如说我在一个应用中开启了夜间模式,在另外一个应用中还需要再开启一次,关闭夜间模式也需要进行同样重复的操作。...android:attr/textColorPrimary" /> 这些主题属性会自动根据系统当前的主题模式选择最合适的颜色值呈现给用户,效果如下图所示。 ? ?...setDefaultNightMode()方法接收一个mode参数,用于控制当前应用程序的夜间模式。

    2.3K10

    操作系统:Win10自带的8个基本功能非常实用,赶紧收藏吧!

    设置方法: 1、在左下角开始菜单上,打开“设置”: 2、在设置里,打开“个性化”: 3、打开“颜色”: 在这个页面可以选择深色或者浅色,根据自己个人喜好进行相关的设置。...二、深度保护眼睛:夜间模式 保护眼睛可不仅仅是深色主题一个,还有一个更赞的功能:夜间模式。...打开夜间模式后,整个显示器的亮度就得更加符合眼睛的舒适度了,小迷虫自己体验是这样的,平时看一个小时左右显示器,眼睛就困了,但是打开夜间模式后,即使连续看四五个小时,也不觉得眼睛有丝毫不适,这一点可能每个人情况都有所不同...设置方法:在系统右下角点开“通知”窗口,点击里面的“夜间模式”即可开启。 另外还可以在“夜间模式”上面右键单击,选择设置,对夜间模式进行更细致的设置,这是为了让眼睛更加的舒适。...六、步骤记录器 这个功能更适合教师使用,这是一个可实现图文并茂的工具,用于记录某个操作步骤和过程,形成一个完整的记录,可以温习过去的学习过程,也可以用来给别人进行讲解。

    1.2K11

    自定义 SwiftUI 中符号图像的外观

    颜色使用SwiftUI中的foregroundStyle()视图修饰符,可以轻松自定义符号图像的颜色。这个修饰符允许我们直接设置符号图像的颜色。...,也可以通过将其应用于包含多个符号图像的父视图来在环境中设置。...,它们不适应明暗模式。...填充变体由于其实心区域,使符号更具视觉强调性,非常适合用于 iOS 标签栏、滑动操作以及指示选择的强调颜色场景。在许多情况下,显示符号的视图会自动选择合适的变体。...运行项目,查看效果。结论在SwiftUI中增强符号图像可以显著改善应用程序的外观和感觉。通过调整大小、颜色、渲染模式、可变值和设计变体,我们可以创建使应用程序更直观和视觉吸引力的图标。

    1.8K10

    优化夜间阅读体验 - 夜间模式设计通用方法

    为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结出一套优化方法来分享给大家,相互启发。 我们为什么要做夜间模式? 1....用户调研显示:57%的用户想要使用夜间模式,71.1%的用户习惯在夜间不开灯看手机 在ISUX北京调研小组的帮助下,我们针对移动端QQ界面夜间模式进行了调研。...用户期望更暗色 、更能保护眼睛的夜间模式设计 从用户对夜间模式的期望来看,他们希望主体界面的颜色更暗,能够更加持久地使用软件。希望我们设计师,能够设计出更加保护眼睛的夜间模式。...1.亮度、色彩对比度、通用性色彩是关键,行业趋势倾向低饱和无彩色 *关注健康人眼特性——亮度的需求 首先引入尼特值(nit),它是用于量化亮度强度的专业术语,其意思每平方米烛光的强度:1nit=1坎德拉...其他建议  针对夜间模式的设计,我们还有些小小的建议:   (1)夜间模式与官方白色界面的设计除颜色之外,不要对图形、结构、交互等有其他改变,减少用户学习成本。

    1.8K30

    Android常用技巧夜间模式开发浅析

    前言 Android的夜间模式主要主用于阅读方面,在QQ,微信读书,新闻阅读类一般会有相应的功能,本文主要介绍整体APP的夜间模式以及webview中夜间模式的实现。 效果图展示 ? ?...功能实现简介 APP的夜间模式有两种方式: 1、通过切换theme来实现夜间模式。2、通过修改uiMode来切换夜间模式。...但是颜色值不一样,当点击切换夜间模式的时候,android会自动从values—night下面取值 还有一点需要注意:APP的主题一定要是DayNight下的 <style name="AppTheme...主要是看点击事件里的代码详解: AppCompatDelegate.setDefaultNightMode(int mode);用于适配全局主题 model它有四个可选值,分别是: MODE_NIGHT_NO...: 使用亮色(light)主题,不使用夜间模式 MODE_NIGHT_YES:使用暗色(dark)主题,使用夜间模式 MODE_NIGHT_AUTO:根据当前时间自动切换 亮色(light)/暗色(dark

    1.6K50

    【QT】: 初识 QWidget 控件 | QWidget 核心属性(API) | qrc 文件

    baseSize 窗口的基础大小,用于配合 sizeIncrement 调整组件尺寸。 palette 设置 widget 的颜色风格。 mouseTracking 是否跟踪鼠标移动事件。...所谓“样式”,包括但不限于大小、位置、颜色、间距、字体、背景、边框等。我们日常看到的丰富多彩的网页都会用到大量的 CSS。 尽管 Qt 主要用于 GUI 开发,但它与网页前端有着许多相似之处。...编辑完成样式之后,可以看到在 Qt Designer 中能够实时预览出效果: 实现切换夜间模式 日间模式:文字是黑色的,背景是白色的。 夜间模式:文字是白色的,背景是黑色的。...上述规则适用于一般程序的颜色设定。 实际显示器可能会有8bit 色深或者 10bit 色深等,具体情况会更加复杂。 运行程序 点击“日间模式”按钮,界面将显示浅色背景和深色文字。...点击“夜间模式”按钮,界面将显示深色背景和浅色文字。 8.

    5K11

    112. 高级篇 - 高级布局技巧与组件封装

    然后,我们使用这个值计算侧边栏和主内容区的宽度百分比。 主题切换 文件管理器应该支持不同的主题,如亮色主题和暗色主题,以适应不同的使用环境和用户偏好。 1....该组件接收五个参数:files(文件列表)、selectedFiles(选中的文件)、viewMode(视图模式)、isMultiSelectMode(是否多选模式)和themeColors(主题颜色)...在build方法中,我们渲染工具栏和文件视图。工具栏包含视图模式切换按钮和多选按钮,多选模式下还显示已选择的文件数量。文件视图根据当前的视图模式显示网格视图或列表视图。...我们使用@Builder装饰器定义了一个FileItem方法,用于渲染文件项。根据当前的视图模式和是否多选模式,显示不同的文件项内容。...该组件包含多个状态变量,如当前选中的分类、当前路径、文件列表、选中的文件、视图模式、是否多选模式、当前主题、是否暗色模式和当前断点。

    32510

    Android – 切换夜间模式

    Support Library 23.2(应用于API14+)推出了适合Android Apps的DayNight主题,它将根据时间和用户最后一次提供的位置自动将应用主题更改为日夜模式。...夜间主题,我们可以在项目中使用以下主题之一: Theme.AppCompat.DayNight Theme.AppCompat.DayNight.NoActionBar Theme.AppCompat.DayNight.DarkActionBar...单独的夜间模式和日模式的资源: 有时我们需要为不同的模式使用不同的资源。...我们在不同的color中添加了相同的,但是颜色值是不同的。...点击日间模式,就会如下图所示: ? 日间模式.png 当然,这里因为是日间模式所以看起来,没有多大的改变。下面我们来看看当点击夜间模式时,就会出现明显的区别了。如下图所示: ?

    1.6K50

    《URP管线主导的角色材质、阴影与显存动态适配优化方案》

    曾主导一款奇幻题材手游的角色渲染优化,项目初期采用URP标准配置搭建系统,却在第三次内部测试中暴露出致命问题:夜间森林场景中,当角色处于12个实时点光源(含火把、魔法特效光源)与体积雾叠加环境时,35%...,导致12个实时点光源叠加时,角色材质颜色值飙升至5以上,超出显示范围,最终呈现纯白失效状态。...同时,针对Android平台不同GPU(Adreno、Mali)的编译特性差异,在Shader光照叠加节点后强制嵌入双重钳位逻辑,通过自定义节点将颜色输出值严格限制在0-2区间,既保留HDR动态范围带来的光影层次感...此外,将同类粒子系统(如所有角色的普通攻击火花)合并为单个实例,通过GPU Instancing技术批量渲染,减少Draw Call数量,同时通过脚本动态控制粒子发射器的位置、数量、颜色参数,实现不同角色技能的差异化表现...此外,设计“显存回收优先级机制”,通过内存监控模块实时监测显存占用,将离屏超过30秒的非关键角色资源(如路人NPC、已结束战斗的敌方角色)标记为可回收,当显存占用接近阈值70%时自动释放其高精度纹理与模型资源

    32910

    【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡

    【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡引言原生项目复杂就复杂于就算一个颜色的改动可能都比较麻烦,不像普通web项目或者...一、 移动客户端 (Android)开发语言: Java开发模式: 原生开发兼容性底座: 最低支持 Android API 5 (Android 5.0)核心框架升级:项目已从原生的 Android Support...为了确保在夜间模式下按钮颜色也正确显示,我需要检查并修改values-night目录下的colors.xml文件中是否也有blue5的定义。...在values-night目录的colors.xml文件中没有找到blue5的定义,所以夜间模式会使用values目录下的定义,我已经修改了那里的颜色。...当我打开了资源管理器,发现没有显示出对应的资源就明白这个问题肯定不简单了,可能也是由于项目老旧原因,本项目代码 毫不夸张的说 就是WhatsApp的初期代码,历史大概有15年了。

    28010

    配电房数字仪表读数识别算法系统 破解传统运维效率困局

    在电力、数据中心、工业园区等场景中,配电房内大量数字电压表、电流表、功率计及断路器开关需定期巡检。传统依赖人工抄表的方式,存在效率低、夜间易错、记录滞后等问题。...需强调:AI无法“代替人眼”,仅能对摄像头视野内清晰、正对、无遮挡的数字显示区域进行初判,包括:LED/LCD数字仪表:如“380.5V”“125.3A”等七段码或点阵字符;开关/断路器状态:通过位置或颜色判断...二、系统架构:图像预处理 + 字符检测 + 边缘推理系统采用三层边缘设计,保障低带宽、高隐私、本地化处理:前端感知层利用配电房已有高清摄像头(建议分辨率 ≥ 200万,支持日夜模式),或新增带红外补光的工业枪机...识别分析层使用改进型CRNN(卷积循环神经网络)模型识别数字字符;对开关状态,采用HSV颜色空间+轮廓分析判断位置;引入置信度阈值:仅当识别置信度 > 90% 时上报结果,否则标记为“识别失败”。...三、部署优势与现实约束可利旧现有监控资源,降低初期投入;边缘部署避免大量视频上云,节省带宽成本;局限性:无法处理多行复杂仪表(如带单位、小数点闪烁);不适用于老旧指针表或机械计数器;镜头积灰、水汽凝结会导致性能骤降

    14010

    好看、好用、强大的手写笔记软件综合评测:Notability、GoodNotes、MarginNote、随手写、Notes Writers、FlowUs

    笔记多种格式可导出支持回链 MarginNote 定位原文;支持扩展插件;支持回收站;支持 iCloud 同步;评价MN 功能强大,应有尽有。适合精读 PDF 等文献。...灵活编辑内容,笔迹颜色随意更换。手写输入直接自动储存,无需手动保存。在手写区长按,可插入图片或录制音频等。设定云同步,保护您的重要笔记。支持笔记加密,防止陌生人查看。...和 Google Drive 随时随地同步与分享;支持高级文字格式处理支持创建富文本格式(RTF),PDF,LaTeX 和高级 Markdown(MD)文档支持打字机模式:无分心模式,让你专注于你的创作支持夜间模式支持应用或文件夹安全密码...功能手写体验出色:由出色的矢量墨水引擎驱动最低延迟;支持智能夜间模式;支持录制和播放音频;支持导入 PDF,注释或签名,然后将笔记导出为 PDF;支持零延迟和无限参与者的实时协作 ;支持用于在线教学,学习...文件夹页面具有标题视图、卡片视图、预览视图这三种视图,方便用户实现对于文件内容不同形式的预览。文件夹页面:将网盘整合进你的笔记系统对于个人用户十分友好,拥有高性价比。

    14.8K61
    领券