Flyme 5.6.4.7 beta 亮点解析

天我们再次相约北京国家会议中心，举行魅蓝新品发布会暨魅族 2016 首场演唱会，特斯拉也已名花有主，真羡慕来自北京的宋某某得到了这次的终极大奖。为了更加稳定的体验，本周二体验固件因故推迟至今天发布，版本号也变成了 Flyme OS 5.6.4.7 beta ，那么接下来就一起来看看这次迟来的固件解析。

注：周固件亮点解析是从官方各机型更新日志汇总整理而来，部分功能点可能在某些机型还无法同步覆盖，希望大家耐心等候，更详细的更新内容请查看各自对应机型的官方更新日志。如有疏漏欢迎指正！

| 外部应用安装透明化，风险时刻提醒

在魅族应用商店下载安装的应用安全问题都是不用多说，而外部来源的应用则充满着不确定性，当今科技时代，病毒风险无处不在。外部应用安装就需要十分谨慎，本周固件更新之后，外部应用安装时会根据安装来源和不同的版本区分不同的安装场景，详细显示应用权限和扣费风险，安装过程分步进行，应用权限和风险时刻提醒，而且安装时还会根据当前应用类型判断进行相关应用推荐。

| 输入法符号更丰富，特殊符号随意输入

自上次系统输入法加入了深色皮肤之后，倍受好评。手机的使用过程中，输入法无处不在，因此输入法的体验就显得至关重要了，有些时候，就会为一些特殊符号的输入而苦恼， PC 上就有特殊符号的小键盘，手机输入法也很需要这个功能。就在本周的固件中，输入法新增了数学、特殊、序号三个类别的符号键盘，①、②、③ 随意输入。

| 闹钟铃声多重选择，在线试听直接设定

作为一个学生党，每天早上，没有闹钟根本就起不来，太委婉的铃声也丝毫不起作用，所以系统自带铃声就被我无情地忽略了。我选择去在线铃声库搜寻适合我使用的铃声，在本周的固件中，闹钟铃声设置加入了「在线铃声」入口，设定闹钟时铃声选择更加丰富便捷，而且也就 Ringtongs 和 Flyme 音乐合并为「本地音乐」，直到今天我才惊奇的发现「本地音乐」可以设置为随机播放，每天一首闹铃，每次闹铃响起都是一种新的感觉，嗯，想想也是极好的。

OK ，以上就是这次周固件亮点解析的全部内容了，更多优化内容请查看详细更新日志。各位童鞋，赶快升级最新体验版。当然，也不要忘了积极反馈问题和提出建议哦，Flyme 因你而不同！快的漂亮，美得持久，全新魅蓝 note3 已经发布，在同价位手机中还能找到配置胜过魅蓝 note3 的吗？心动就赶快行动吧，4 月 11 日首发开售！

固件下载：http://www.flyme.cn/firmware.html
刷机教程：http://bbs.flyme.cn/thread-185412-1-1.html
数据备份：http://bbs.flyme.cn/thread-185412-1-1.html
建议反馈：http://bbs.flyme.cn/forum-100002-1.html

本文转自Flyme社区

作者：_洛慕晨_

链接：http://bbs.flyme.cn/thread-808530-1-1.html

家好，很高兴又见面了，我是"高级前端‬进阶‬"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！

什么是 Screenity

Screenity 是完全免费的一款功能强大、保护隐私的屏幕录像机和注释工具，可以为工作、教育等制作更好的视频。用户可以创建令人惊叹的产品演示、教程、演示文稿，或与您的团队分享反馈。

Screenity 具有以下突出优势：

对选项卡、特定区域、桌面、任何应用程序或相机进行无限录制
️ 录制麦克风或内部音频，并使用一键通等功能
✏️ 通过在屏幕上的任意位置绘图、添加文本、箭头、形状等进行注释
✨ 使用人工智能驱动的相机背景或模糊来增强录音效果
平滑放大录音以专注于特定区域
模糊任何页面的任何敏感内容以保持其私密性
✂️ 使用综合编辑器删除或添加音频、剪切、修剪或剪裁录音
突出显示点击和光标，并进入聚光灯模式
⏱️ 设置闹钟以自动停止录音
导出为 mp4、gif 和 webm，或将视频直接保存到 Google 云端硬盘以共享链接
⚙️ 设置倒计时、隐藏部分 UI 或将其移动到任何地方
只有用户可以看到您的视频，Screenity 不会收集任何数据，甚至支持离线！
没有限制，想制作多少视频就制作多久

目前 Screenity 在 Github 通过 MIT 协议开源，有超过 9.2k 的 star、1k 的 fork、是一个值得关注的前端开源项目。

自托管 Screenity

如果需要创建开发版本的 Screenity，可以通过下面的流程完成：

检查 Node.js 版本是否 >= 14
克隆存储库
运行 npm install 以安装依赖项
运行 npm start
通过转到 chrome://extensions/ 并启用开发人员模式来加载扩展
单击加载解压的扩展
选择构建文件夹

开发甚至可以在本地运行 Screenity，而无需从 Chrome 应用商店安装。

从发布页面下载最新的 Build.zip
通过在地址栏中粘贴 chrome://extensions/ 并启用开发人员模式来加载扩展。
拖动包含代码的文件夹（确保其是一个文件夹而不是 ZIP 文件，因此请先解压缩），或单击 “加载解压的文件” 按钮并找到该文件夹。
此时就可在本地使用 Screenity，当然需要按照说明设置 Google 云端硬盘。

如果要启用保存到 Google 云端硬盘的能力，则必须使用链接的扩展密钥更改 manifest.json 文件中的 client_id。

开发者可以通过访问 Google Cloud Console 并选择 “Create Credential> OAuth Client ID > Chrome App” 来创建。要创建持久扩展密钥，则可以按照此处 https://developer.chrome.com/docs/extensions/reference/manifest/key 详细说明的步骤操作。

{ // manifest.json
  "manifest_version": 3,
...
  "key": "ThisKeyIsGoingToBeVeryLong/go8GGC2u3UD9WI3MkmBgyiDPP2OreImEQhPvwpliioUMJmERZK3zPAx72z8MDvGp7Fx7ZlzuZpL4yyp4zXBI+MUhFGoqEh32oYnm4qkS4JpjWva5Ktn4YpAWxd4pSCVs8I4MZms20+yx5OlnlmWQEwQiiIwPPwG1e1jRw0Ak5duPpE3uysVGZXkGhC5FyOFM+oVXwc1kMqrrKnQiMJ3lgh59LjkX4z1cDNX3MomyUMJ+I+DaWC2VdHggB74BNANSd+zkPQeNKg3o7FetlDJya1bk8ofdNBARxHFMBtMXu/ONfCT3Q2kCY9gZDRktmNRiHG/1cXhkIcN1RWrbsCkwIDAQAB",
}

Screenity 的三方依赖

Screenity 的功能非常强大，一定程度上也是站在巨人的肩膀上，比如：

用于编辑和编码视频的 FFmpeg WASM
带有自拍分割模型的 Tensorflow
用于绘图和注释的 Fabric.js
UI 组件的基数基元
色轮的反应颜色
Localbase 使用 IndexedDB 帮助离线存储视频
Wavesurfer.js 在弹出窗口和编辑器中创建音频波形
React Advanced Cropper 用于编辑器中的裁剪 UI
fix-webm-duration 将缺失的元数据添加到 WEBM 文件

Screenity 的类似项目

除了 Screenity 外，还可以尝试 JSCapture，JSCapture 是用纯 JavaScript 和 HTML5 实现的屏幕捕获库，允许开发者从浏览器制作桌面屏幕截图并录制视频。

JSCapture 使用 getUserMedia 进行屏幕捕获。目前，仅 Google Chrome、Canary 和 Chromium 通过启用实验标志来支持屏幕捕获 API。为了启用该标志：

转到 chrome://flags/#enable-usermedia-screen-capture
启用 - “在 getUserMedia() 中启用屏幕捕获支持”
重新启动浏览器。

需要注意的是，必须使用 https 才能进行屏幕录制。由于捕获每一帧时都会发生一些非常昂贵的操作，因此当捕获高分辨率时，视频将没有用处。为了解决这个问题，请使用 scale 属性。

JSCapture.capture(config)

本文总结

本文主要和大家介绍 Screenity，其是完全免费的一款功能强大、保护隐私的屏幕录像机和注释工具，可以为工作、教育等制作更好的视频。因为篇幅问题，关于 Screenity 只是做了一个简短的介绍，但是文末的参考资料以及个人主页提供了大量优秀文档以供学习，如果有兴趣可以自行阅读。如果大家有什么疑问欢迎在评论区留言。

参考资料

https://github.com/alyssaxuu/screenity?tab=readme-ov-file

https://developer.chrome.com/docs/extensions/reference/manifest/key?hl=zh-cn

https://ffmpegwasm.netlify.app/playground

https://screenity.io/en/

https://github.com/mgechev/jscapture

https://www.youtube.com/watch?v=ZqQ77p4THeE

间如流水，只能流去不流回！
点赞再看，养成习惯，这是您给我创作的动力！
本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。

阅读导航：

一、先看效果
二、本文背景
三、代码实现
四、文章参考
五、代码下载

一、先看效果

窗体移动

两个界面过渡效果

二、本文背景

YouTube Design com WPF 大神处习得，闹钟与新增闹钟界面切换效果。

三、代码实现

3.1 添加Nuget库

站长使用.Net Core 3.1创建的WPF工程，创建“Transitions”解决方案后，需要添加两个Nuget库：MaterialDesignThemes和MaterialDesignColors，上图的效果是使用该控件库实现的，非常强大。

3.2 工程结构

3.3 App.xaml添加MD控件样式

添加4个样式

<Application x:Class="Transitions.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:Transitions"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

3.4 主窗体

MainWindow.xaml代码如下

<Window x:Class="Transitions.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Transitions"
        mc:Ignorable="d"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        Title="" Height="600" Width="1080" ResizeMode="NoResize" 
        WindowStartupLocation="CenterScreen" 
        FontFamily="Microsoft YaHei UI Light"
        WindowStyle="None" MouseDown="Window_MouseDown">
    <Grid>
        <materialDesign:Transitioner SelectedIndex="0" AutoApplyTransitionOrigins="True">
            <Grid>
                <local:UserControlAlarms/>
            </Grid>
            <materialDesign:TransitionerSlide>
                <materialDesign:TransitionerSlide.BackwardWipe>
                    <materialDesign:CircleWipe/>
                </materialDesign:TransitionerSlide.BackwardWipe>
                <materialDesign:TransitionerSlide.ForwardWipe>
                    <materialDesign:SlideWipe Direction="Right"/>
                </materialDesign:TransitionerSlide.ForwardWipe>
                <local:UserControlNewAlarm/>
            </materialDesign:TransitionerSlide>
        </materialDesign:Transitioner>
    </Grid>
</Window>

简单讲解：

1)需要先添加MD控件命名空间

xmlns:materialDesign=”http://materialdesigninxaml.net/winfx/xaml/themes”

2)设置无边框窗体样式并拖动

ResizeMode="NoResize" 
        WindowStartupLocation="CenterScreen" 
        FontFamily="Microsoft YaHei UI Light"
        WindowStyle="None" MouseDown="Window_MouseDown"

窗体拖动方法

private void Window_MouseDown(object sender, MouseButtonEventArgs e)
{
    DragMove();
}

3)设置闹钟列表用户控件和新增闹钟用户控件动画排版

默认显示闹钟列表用户控件local:UserControlAlarms，动画切换时显示新增闹钟用户控件local:UserControlNewAlarm

<materialDesign:Transitioner SelectedIndex="0" AutoApplyTransitionOrigins="True">
            <Grid>
                <local:UserControlAlarms/>
            </Grid>
            <materialDesign:TransitionerSlide>
                <materialDesign:TransitionerSlide.BackwardWipe>
                    <materialDesign:CircleWipe/>
                </materialDesign:TransitionerSlide.BackwardWipe>
                <materialDesign:TransitionerSlide.ForwardWipe>
                    <materialDesign:SlideWipe Direction="Right"/>
                </materialDesign:TransitionerSlide.ForwardWipe>
                <local:UserControlNewAlarm/>
            </materialDesign:TransitionerSlide>
        </materialDesign:Transitioner>

3.5 闹钟列表用户控件

代码简单，就是简单展示

<UserControl x:Class="Transitions.UserControlAlarms"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Transitions"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="200"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <materialDesign:ColorZone Grid.Row="0" Mode="Dark" VerticalAlignment="Stretch"
                                  HorizontalAlignment="Stretch" VerticalContentAlignment="Stretch">
            <TextBlock Text="闹钟" FontSize="50" Margin="80" VerticalAlignment="Center"/>
        </materialDesign:ColorZone>
        <Button Style="{DynamicResource MaterialDesignFloatingActionButton}"
                Command="{x:Static materialDesign:Transitioner.MoveNextCommand}"
                HorizontalAlignment="Left"
                VerticalAlignment="Bottom"
                Grid.Row="0" Grid.RowSpan="2" Margin="20">
            <materialDesign:PackIcon Kind="AddAlarm"/>
        </Button>
        <ListView Grid.Row="2" Margin="10">
            <ListViewItem Opacity="0.5">
                <Grid Width="300">
                    <StackPanel>
                        <TextBlock FontSize="30">05:01</TextBlock>
                        <TextBlock FontSize="30" Opacity="0.8">关闭</TextBlock>
                    </StackPanel>
                    <ToggleButton HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10"/>
                </Grid>
            </ListViewItem>
            <ListViewItem Opacity="0.5">
                <Grid Width="300">
                    <StackPanel>
                        <TextBlock FontSize="30">05:01</TextBlock>
                        <TextBlock>晴 | 7点48分后响铃</TextBlock>
                    </StackPanel>
                    <ToggleButton IsChecked="True" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10"/>
                </Grid>
            </ListViewItem>
        </ListView>
    </Grid>
</UserControl>

3.6 新增闹钟用户控件

代码也不多，简单控件布局

<UserControl x:Class="Transitions.UserControlNewAlarm"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Transitions"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="200"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <materialDesign:ColorZone Mode="PrimaryMid" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                                  VerticalContentAlignment="Stretch">
            <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                <TextBlock Style="{DynamicResource MaterialDesignHeadlineTextBlock}" Margin="15" 
                           VerticalAlignment="Bottom" FontSize="30">新闹钟</TextBlock>
            </Grid>
        </materialDesign:ColorZone>
        <StackPanel Orientation="Horizontal" Grid.Row="1" HorizontalAlignment="Right" Margin="20">
            <Button Style="{DynamicResource MaterialDesignFlatButton}" Margin="5"
                    Command="{x:Static materialDesign:Transitioner.MovePreviousCommand}"
                    HorizontalAlignment="Right" VerticalAlignment="Bottom" Content="取消"/>
            <Button Margin="5"
                    Command="{x:Static materialDesign:Transitioner.MovePreviousCommand}"
                    HorizontalAlignment="Right" VerticalAlignment="Bottom" Content="保存"/>
        </StackPanel>
    </Grid>
</UserControl>

四、文章参考

建议直接打开大神视频学习，他的YouTube上还有很多代码视频哦，参考：
Design com WPF： https://www.youtube.com/watch?v=Bt9swbh_Wfw 。

五、代码下载

文章中代码几乎已经全部贴出，就是这么多。

除非注明，文章均由 Dotnet9 整理发布，欢迎转载。
转载请注明本文地址：https://dotnet9.com/6711.html

在线咨询

上一篇：前端面试题JavaScript（二）
下一篇：「测试开发全栈-HTML」(15)css字体的文本缩进

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商