最新要闻
- 黄仁勋:NVIDIA的AI产品 已经给客户打1折了_今日看点
- RTX 4070换装暴力涡轮风扇 卖到6999元!瞬间降温21℃
- 秘鲁山谷惊现1500米长的神秘孔带:至今不知道是做什么的-全球观天下
- 4年亏损近30亿:美特斯邦威以3亿元出售房产自救
- 短讯!48GB DDR5-8200!芝奇超高频、大容量内存新增白色
- 热点聚焦:快餐帝国(01843.HK)年度纯利184.3万坡元 同比减少34.83%
- 影响43万亿美元交易!追踪美联储决策的一大利器即将消亡
- 阿邦拉霍:红军不能将萨拉赫卖给沙特球队,没有他球队进不了前六|全球聚看点
- 北方地区将继续受到40℃高温炙烤 温度远远赶超“四大火炉”
- 影片《消失的她》票房突破11亿元 累计2635万人观影
- 影帝梁朝伟迎来61岁生日 妻子刘嘉玲晒照为其庆生
- 《原神》枫丹地区大量内容遭泄露 米哈游将依法追究相关主体法律责任
- 湖南株洲一小学生暑假作业贴满免作业券 引发网友围观
- 数码宝贝重启_数码宝贝dw6 0
- 全球通讯!苹果极力宣传的Apple Watch车祸检测功能频繁闹乌龙!让人头大
- 国外一飞机尴尬着陆:画面犹如“狗啃泥”
广告
手机
光庭信息跌4.57% 2021上市超募11亿2022扣非降74% 时快讯
搜狐汽车全球快讯 | 大众汽车最新专利曝光:仪表支持拆卸 可用手机、平板替代-环球关注
- 光庭信息跌4.57% 2021上市超募11亿2022扣非降74% 时快讯
- 搜狐汽车全球快讯 | 大众汽车最新专利曝光:仪表支持拆卸 可用手机、平板替代-环球关注
- 视点!美国首位女总统即将诞生?拜登恐怕要提前下岗,美政坛迎来变局?
- 当前速递!用理想仪器实现更好的颗粒 德国新帕泰克亮相CPHI & PMEC China获好评
- 微粒贷怎么申请开通 开通方法如下
- 焦点简讯:心疼!这位40岁的云南缉毒警,已是满头白发
家电
Blazor如何跟随“系统主题”? 环球快资讯
(相关资料图)
1. 前言
跟随系统主题已经是绝大多数App和网站的标配
但是如何在Blazor中跟随系统主题?
只找到Masa Blazor技术团队发的 MAUI + Masa Blazor 开发界面跟随系统主题切换的App
此方法由于使用 MAUI提供的Application.Current.RequestedTheme来获取系统主题,Application.Current.RequestedThemeChanged来监听系统主题变化,存在一定的局限性
而让Blazor WebAssembly、Blazor Server以及Winform、WPF、Photino.Blazor等支持跟随系统主题,就必须要从Web中入手
搜了一圈,基本上都是用js,window.matchMedia("(prefers-color-scheme:dark)").matches;
和window.matchMedia("(prefers-color-scheme:dark)").addEventListener
但实际上这种方法获得的是浏览器主题,只不过浏览器主题默认是跟随系统的,所有才会有如此效果。
只能凑合着用了。
2. 添加js
function followSystemTheme(dotNet, callbackMethod) { window.matchMedia("(prefers-color-scheme:dark)").addEventListener("change", (e) => { dotNet.invokeMethodAsync(callbackMethod, e.matches); });}function systemIsDarkTheme() { return window.matchMedia("(prefers-color-scheme:dark)").matches;}
3. 调用
[Inject]private IJSRuntime JS {get;set;} = default!;bool dark = await JS.InvokeAsync("systemIsDarkTheme", new object[] { });var dotNetCallbackRef = DotNetObjectReference.Create(this);await JS.InvokeVoidAsync("followSystemTheme", new object[2] { dotNetCallbackRef, "NotifyChanged" });[JSInvokable]public void NotifyChanged(bool value){ }
4. 进阶
如果你想要更便捷的方式,可以使用我已经封装好的包 Yu-Core.BlazorToolkit大概下面这样,具体用法看README
AppTheme SystemTheme = await Theme.Default.GetSystemThemeAsync();
Theme.Default.SystemThemeChanged += ThemeChanged;
关键词:
Blazor如何跟随“系统主题”? 环球快资讯
再次认识using 天天报资讯
黄仁勋:NVIDIA的AI产品 已经给客户打1折了_今日看点
RTX 4070换装暴力涡轮风扇 卖到6999元!瞬间降温21℃
秘鲁山谷惊现1500米长的神秘孔带:至今不知道是做什么的-全球观天下
4年亏损近30亿:美特斯邦威以3亿元出售房产自救
短讯!48GB DDR5-8200!芝奇超高频、大容量内存新增白色
热点聚焦:快餐帝国(01843.HK)年度纯利184.3万坡元 同比减少34.83%
影响43万亿美元交易!追踪美联储决策的一大利器即将消亡
阿邦拉霍:红军不能将萨拉赫卖给沙特球队,没有他球队进不了前六|全球聚看点
北方地区将继续受到40℃高温炙烤 温度远远赶超“四大火炉”
影片《消失的她》票房突破11亿元 累计2635万人观影
影帝梁朝伟迎来61岁生日 妻子刘嘉玲晒照为其庆生
《原神》枫丹地区大量内容遭泄露 米哈游将依法追究相关主体法律责任
湖南株洲一小学生暑假作业贴满免作业券 引发网友围观
环球快看:在Linux下如何使用JNI
焦点热门:python: BytesIO 中 read 用法
数码宝贝重启_数码宝贝dw6 0
全球通讯!苹果极力宣传的Apple Watch车祸检测功能频繁闹乌龙!让人头大
国外一飞机尴尬着陆:画面犹如“狗啃泥”
下月开始:Win11要强制更新了
古筝来历小故事_古筝来历
部署zabbix5.0以及使用 全球微头条
天天微速讯:Python教程(1)——python环境的下载与安装
每日焦点!郑少秋女儿辛酸成长史:8个月父亲出轨8岁患上三高,半生缺爱
【天天报资讯】有人坐吗?高级动卧票价一站8分钟420元 跟二等座差价70倍:12306回应
焦点消息!4520元贵妇级护肤品复刻版卖47元:相似度能达到99.99%
nethttp和gin 路由
文心一言 VS 讯飞星火 VS chatgpt (50)-- 算法导论6.2 2题-简讯
Golang 简单的数据对齐可提高程序速度和内存使用率_环球新消息
【前沿】尺寸接近米13!大厂新机渲染图出炉 白色打几分?|全球关注
最便宜4系来了!宝马发布i4 eDriver35四门纯电轿跑:大降4万
今日视点:胃癌几乎都是吃出来的:钟爱烧烤、熏制食物的朋友要注意
女孩用“免作业券”不写暑假作业 网友点赞:凭实力不写-要闻速递
每日聚焦:三星Galaxy S23 FE外观曝光:后置长焦三摄、边角圆润
差评第一!景区摆渡车不能兜来绕去只为钱
【Java】使用 fasterxml.jackson 进行反序列化以及部分注意事项
微动态丨可观测性是什么? 入门指南
WPF MVVM之点滴分享
Donaukit用户创建
【财经分析】东北地区国资国企改革深化推进 或迎来哪些针对性政策?
我莫得感情也莫得耳朵_我莫得感情哪里的梗
续航38小时/能水洗!万魔S50运动蓝牙耳机图赏
爸爸给女儿买RTX 4060 Ti显卡当生日礼物 小女孩表情亮了
来试试手气?《逆水寒》手游6月30日上线:官方宣布抽奖送鹤岗一套房-环球速读
每日消息!比电脑还大:24GB+1TB!今年最能打的直屏旗舰杀疯了
迅雷云盘TV版最高可领180天超级会员特权 支持4K电视超清播放-天天信息
天天微资讯!广州杨大爷退休后,喝酒不喝茅五剑,青睐三款廉价酒
强化学习从基础到进阶-常见问题和面试必知必答[8]:近端策略优化(proximal policy optimization,PPO)算法
债市日报:6月28日|全球新视野
债市日报:6月28日
农村三胞胎姐妹均高分超一本线:成绩一直很优秀
极氪001欧洲价格公布:起售价47万元 比国内贵17万
高管曾言等本土车企“烧死了”再来抢市场!起亚EV6开启盲订 每日速递
今天起 韩国人集体“年轻一两岁”:与一项法案有关
XREAL Beam投屏盒子首次亮相MWC!AR空间屏体验太酷了
一般小县城稀缺行业有哪些 今日热搜
跑得更快!华为云GaussDB以出色的性能守护“ERP的心脏”
记录--不定高度展开收起动画 css/js 实现
今日播报!Cognos教程_编程入门自学教程_菜鸟教程-免费教程分享
LRU 缓存淘汰算法
Mac反编译安卓APK
世界看点:原来是他们!退市股获举牌4个交易日翻倍,步步高系大佬要进董事会
【金融街发布】财政部:5月地方债发行规模为7554亿元 新增债券占比近四成_即时看
天天即时看!注意!天孚通信:股东朱国栋计划减持公司股份不超过约395万股
游戏主播被大额打赏后剃光头!结果被坑惨:打赏退款了
尽享丝滑!MWC现场体验领克08魅族Flyme Auto车机:流畅度爆表 环球新要闻
焦点资讯:萧敬腾求婚好多地方下雨 “雨神”真有这么神?
15万的特斯拉廉价新车Model 2跳票了:延期到2025年
今日快讯:能否追上高铁?凯迪拉克CT5-V推出全新改装套件 动力可达1000匹
js的Map数据类型
Sudo堆溢出漏洞(CVE-2021-3156)复现
Spring 赌上未来一击,推出响应式框架 WebFlux,代码更优雅,性能更强! 最新
解锁高质量文档转换:通过Java应用程序免费将PDF转换为XPS
每日看点!未来可期!农村三胞胎姐妹高分同超一本线
北交所日报:指数调整回补缺口 曙光鼎智双双大涨
特斯拉Model Y的劲敌来了 溜背造型+电动尾翼 全新蔚来EC6实车曝光 报道
滚动:中国互联网协会重申:我国人工智能已进入全球第一梯队
Intel Arc显卡驱动打鸡血:游戏性能飙升最高3.13倍!
全球热点评!骁龙8 Gen2没到极限!24GB运存手机不是终点 你觉得有必要吗?
高温再度来袭!北方气温将高于南方四大火炉城市|环球即时看
ST深天: 关于落实《关于中国证监会深圳监管局行政监管措施决定书的书面整改报告》相关整改措施的公告-全球报道
php如何解决高并发|每日热门
今日讯!业务安全情报第十七期 | 国际航班上,小“票代”在疯狂倒卖高价票
在 Java、Python、JavaScript 和 Go 中拥抱异步
数据交换不失控:华为云EDS,让你的数据你做主 环球微头条
天天速递!知嘛家整屋案例 | 116㎡现代简约风,超强收纳颜值功能拉满!
【新华500】新华500指数(989001)28日探底回升微跌0.11%
当前观点:索尼推送满血包:ZV-E1相机支持4K/120p和1080P/240p
车主看后想骂人 特斯拉一充电站全被“割了”:只剩桩不见枪
天天热消息:河北邢台雷雨夜震撼闪电撕破夜空:闪电如怒吼银蛇
警惕!侧躺着玩手机可能会影响你的颜值 同时威胁健康
【世界聚看点】80%毕业生都出国了 是马斯克公司最大“生源地”?清华大学发声
腾讯在深圳宝安启用三个与AI大模型相关的平台
解决TrueNAS中Smb共享文件路径不区分大小写的问题 每日精选
GIS地形场景的应用与前景:从美景欣赏到环境保护与城市规划|焦点热门
讯息:遥望科技启动商家大会,瑜大公子现身会场分享进阶故事
焦点热文:助力首都建设 浦发银行北京分行发售北京市地方政府柜台债券
今天解禁!RTX 4060终于来了 2399元买吗?
芯片之母 是德EDA升级支持6G设计:速度快10倍|当前热门