Flyme 5.6.4.7 beta 亮點(diǎn)解析

天我們?cè)俅蜗嗉s北京國(guó)家會(huì)議中心，舉行魅藍(lán)新品發(fā)布會(huì)暨魅族 2016 首場(chǎng)演唱會(huì)，特斯拉也已名花有主，真羨慕來(lái)自北京的宋某某得到了這次的終極大獎(jiǎng)。為了更加穩(wěn)定的體驗(yàn)，本周二體驗(yàn)固件因故推遲至今天發(fā)布，版本號(hào)也變成了 Flyme OS 5.6.4.7 beta ，那么接下來(lái)就一起來(lái)看看這次遲來(lái)的固件解析。

注：周固件亮點(diǎn)解析是從官方各機(jī)型更新日志匯總整理而來(lái)，部分功能點(diǎn)可能在某些機(jī)型還無(wú)法同步覆蓋，希望大家耐心等候，更詳細(xì)的更新內(nèi)容請(qǐng)查看各自對(duì)應(yīng)機(jī)型的官方更新日志。如有疏漏歡迎指正！

| 外部應(yīng)用安裝透明化，風(fēng)險(xiǎn)時(shí)刻提醒

在魅族應(yīng)用商店下載安裝的應(yīng)用安全問(wèn)題都是不用多說(shuō)，而外部來(lái)源的應(yīng)用則充滿(mǎn)著不確定性，當(dāng)今科技時(shí)代，病毒風(fēng)險(xiǎn)無(wú)處不在。外部應(yīng)用安裝就需要十分謹(jǐn)慎，本周固件更新之后，外部應(yīng)用安裝時(shí)會(huì)根據(jù)安裝來(lái)源和不同的版本區(qū)分不同的安裝場(chǎng)景，詳細(xì)顯示應(yīng)用權(quán)限和扣費(fèi)風(fēng)險(xiǎn)，安裝過(guò)程分步進(jìn)行，應(yīng)用權(quán)限和風(fēng)險(xiǎn)時(shí)刻提醒，而且安裝時(shí)還會(huì)根據(jù)當(dāng)前應(yīng)用類(lèi)型判斷進(jìn)行相關(guān)應(yīng)用推薦。

| 輸入法符號(hào)更豐富，特殊符號(hào)隨意輸入

自上次系統(tǒng)輸入法加入了深色皮膚之后，倍受好評(píng)。手機(jī)的使用過(guò)程中，輸入法無(wú)處不在，因此輸入法的體驗(yàn)就顯得至關(guān)重要了，有些時(shí)候，就會(huì)為一些特殊符號(hào)的輸入而苦惱， PC 上就有特殊符號(hào)的小鍵盤(pán)，手機(jī)輸入法也很需要這個(gè)功能。就在本周的固件中，輸入法新增了數(shù)學(xué)、特殊、序號(hào)三個(gè)類(lèi)別的符號(hào)鍵盤(pán)，①、②、③ 隨意輸入。

| 鬧鐘鈴聲多重選擇，在線(xiàn)試聽(tīng)直接設(shè)定

作為一個(gè)學(xué)生黨，每天早上，沒(méi)有鬧鐘根本就起不來(lái)，太委婉的鈴聲也絲毫不起作用，所以系統(tǒng)自帶鈴聲就被我無(wú)情地忽略了。我選擇去在線(xiàn)鈴聲庫(kù)搜尋適合我使用的鈴聲，在本周的固件中，鬧鐘鈴聲設(shè)置加入了「在線(xiàn)鈴聲」入口，設(shè)定鬧鐘時(shí)鈴聲選擇更加豐富便捷，而且也就 Ringtongs 和 Flyme 音樂(lè)合并為「本地音樂(lè)」，直到今天我才驚奇的發(fā)現(xiàn)「本地音樂(lè)」可以設(shè)置為隨機(jī)播放，每天一首鬧鈴，每次鬧鈴響起都是一種新的感覺(jué)，嗯，想想也是極好的。

OK ，以上就是這次周固件亮點(diǎn)解析的全部?jī)?nèi)容了，更多優(yōu)化內(nèi)容請(qǐng)查看詳細(xì)更新日志。各位童鞋，趕快升級(jí)最新體驗(yàn)版。當(dāng)然，也不要忘了積極反饋問(wèn)題和提出建議哦，F(xiàn)lyme 因你而不同！快的漂亮，美得持久，全新魅藍(lán) note3 已經(jīng)發(fā)布，在同價(jià)位手機(jī)中還能找到配置勝過(guò)魅藍(lán) note3 的嗎？心動(dòng)就趕快行動(dòng)吧，4 月 11 日首發(fā)開(kāi)售！

固件下載：http://www.flyme.cn/firmware.html
刷機(jī)教程：http://bbs.flyme.cn/thread-185412-1-1.html
數(shù)據(jù)備份：http://bbs.flyme.cn/thread-185412-1-1.html
建議反饋：http://bbs.flyme.cn/forum-100002-1.html

本文轉(zhuǎn)自Flyme社區(qū)

作者：_洛慕晨_

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

家好，很高興又見(jiàn)面了，我是"高級(jí)前端?進(jìn)階?"，由我?guī)е蠹乙黄痍P(guān)注前端前沿、深入前端底層技術(shù)，大家一起進(jìn)步，也歡迎大家關(guān)注、點(diǎn)贊、收藏、轉(zhuǎn)發(fā)！

什么是 Screenity

Screenity 是完全免費(fèi)的一款功能強(qiáng)大、保護(hù)隱私的屏幕錄像機(jī)和注釋工具，可以為工作、教育等制作更好的視頻。用戶(hù)可以創(chuàng)建令人驚嘆的產(chǎn)品演示、教程、演示文稿，或與您的團(tuán)隊(duì)分享反饋。

Screenity 具有以下突出優(yōu)勢(shì)：

對(duì)選項(xiàng)卡、特定區(qū)域、桌面、任何應(yīng)用程序或相機(jī)進(jìn)行無(wú)限錄制
? 錄制麥克風(fēng)或內(nèi)部音頻，并使用一鍵通等功能
?? 通過(guò)在屏幕上的任意位置繪圖、添加文本、箭頭、形狀等進(jìn)行注釋
? 使用人工智能驅(qū)動(dòng)的相機(jī)背景或模糊來(lái)增強(qiáng)錄音效果
平滑放大錄音以專(zhuān)注于特定區(qū)域
模糊任何頁(yè)面的任何敏感內(nèi)容以保持其私密性
?? 使用綜合編輯器刪除或添加音頻、剪切、修剪或剪裁錄音
突出顯示點(diǎn)擊和光標(biāo)，并進(jìn)入聚光燈模式
?? 設(shè)置鬧鐘以自動(dòng)停止錄音
導(dǎo)出為 mp4、gif 和 webm，或?qū)⒁曨l直接保存到 Google 云端硬盤(pán)以共享鏈接
?? 設(shè)置倒計(jì)時(shí)、隱藏部分 UI 或?qū)⑵湟苿?dòng)到任何地方
只有用戶(hù)可以看到您的視頻，Screenity 不會(huì)收集任何數(shù)據(jù)，甚至支持離線(xiàn)！
沒(méi)有限制，想制作多少視頻就制作多久

目前 Screenity 在 Github 通過(guò) MIT 協(xié)議開(kāi)源，有超過(guò) 9.2k 的 star、1k 的 fork、是一個(gè)值得關(guān)注的前端開(kāi)源項(xiàng)目。

自托管 Screenity

如果需要?jiǎng)?chuàng)建開(kāi)發(fā)版本的 Screenity，可以通過(guò)下面的流程完成：

檢查 Node.js 版本是否 >= 14
克隆存儲(chǔ)庫(kù)
運(yùn)行 npm install 以安裝依賴(lài)項(xiàng)
運(yùn)行 npm start
通過(guò)轉(zhuǎn)到 chrome://extensions/ 并啟用開(kāi)發(fā)人員模式來(lái)加載擴(kuò)展
單擊加載解壓的擴(kuò)展
選擇構(gòu)建文件夾

開(kāi)發(fā)甚至可以在本地運(yùn)行 Screenity，而無(wú)需從 Chrome 應(yīng)用商店安裝。

從發(fā)布頁(yè)面下載最新的 Build.zip
通過(guò)在地址欄中粘貼 chrome://extensions/ 并啟用開(kāi)發(fā)人員模式來(lái)加載擴(kuò)展。
拖動(dòng)包含代碼的文件夾（確保其是一個(gè)文件夾而不是 ZIP 文件，因此請(qǐng)先解壓縮），或單擊 “加載解壓的文件” 按鈕并找到該文件夾。
此時(shí)就可在本地使用 Screenity，當(dāng)然需要按照說(shuō)明設(shè)置 Google 云端硬盤(pán)。

如果要啟用保存到 Google 云端硬盤(pán)的能力，則必須使用鏈接的擴(kuò)展密鑰更改 manifest.json 文件中的 client_id。

開(kāi)發(fā)者可以通過(guò)訪(fǎng)問(wèn) Google Cloud Console 并選擇 “Create Credential> OAuth Client ID > Chrome App” 來(lái)創(chuàng)建。要?jiǎng)?chuàng)建持久擴(kuò)展密鑰，則可以按照此處 https://developer.chrome.com/docs/extensions/reference/manifest/key 詳細(xì)說(shuō)明的步驟操作。

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

Screenity 的三方依賴(lài)

Screenity 的功能非常強(qiáng)大，一定程度上也是站在巨人的肩膀上，比如：

用于編輯和編碼視頻的 FFmpeg WASM
帶有自拍分割模型的 Tensorflow
用于繪圖和注釋的 Fabric.js
UI 組件的基數(shù)基元
色輪的反應(yīng)顏色
Localbase 使用 IndexedDB 幫助離線(xiàn)存儲(chǔ)視頻
Wavesurfer.js 在彈出窗口和編輯器中創(chuàng)建音頻波形
React Advanced Cropper 用于編輯器中的裁剪 UI
fix-webm-duration 將缺失的元數(shù)據(jù)添加到 WEBM 文件

Screenity 的類(lèi)似項(xiàng)目

除了 Screenity 外，還可以嘗試 JSCapture，JSCapture 是用純 JavaScript 和 HTML5 實(shí)現(xiàn)的屏幕捕獲庫(kù)，允許開(kāi)發(fā)者從瀏覽器制作桌面屏幕截圖并錄制視頻。

JSCapture 使用 getUserMedia 進(jìn)行屏幕捕獲。目前，僅 Google Chrome、Canary 和 Chromium 通過(guò)啟用實(shí)驗(yàn)標(biāo)志來(lái)支持屏幕捕獲 API。為了啟用該標(biāo)志：

轉(zhuǎn)到 chrome://flags/#enable-usermedia-screen-capture
啟用 - “在 getUserMedia() 中啟用屏幕捕獲支持”
重新啟動(dòng)瀏覽器。

需要注意的是，必須使用 https 才能進(jìn)行屏幕錄制。由于捕獲每一幀時(shí)都會(huì)發(fā)生一些非常昂貴的操作，因此當(dāng)捕獲高分辨率時(shí)，視頻將沒(méi)有用處。為了解決這個(gè)問(wèn)題，請(qǐng)使用 scale 屬性。

JSCapture.capture(config)

本文總結(jié)

本文主要和大家介紹 Screenity，其是完全免費(fèi)的一款功能強(qiáng)大、保護(hù)隱私的屏幕錄像機(jī)和注釋工具，可以為工作、教育等制作更好的視頻。因?yàn)槠鶈?wèn)題，關(guān)于 Screenity 只是做了一個(gè)簡(jiǎn)短的介紹，但是文末的參考資料以及個(gè)人主頁(yè)提供了大量?jī)?yōu)秀文檔以供學(xué)習(xí)，如果有興趣可以自行閱讀。如果大家有什么疑問(wèn)歡迎在評(píng)論區(qū)留言。

參考資料

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

間如流水，只能流去不流回！
點(diǎn)贊再看，養(yǎng)成習(xí)慣，這是您給我創(chuàng)作的動(dòng)力！
本文 Dotnet9 https://dotnet9.com 已收錄，站長(zhǎng)樂(lè)于分享dotnet相關(guān)技術(shù)，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相關(guān)的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己會(huì)的。

閱讀導(dǎo)航：

一、先看效果
二、本文背景
三、代碼實(shí)現(xiàn)
四、文章參考
五、代碼下載

一、先看效果

窗體移動(dòng)

兩個(gè)界面過(guò)渡效果

二、本文背景

YouTube Design com WPF 大神處習(xí)得，鬧鐘與新增鬧鐘界面切換效果。

三、代碼實(shí)現(xiàn)

3.1 添加Nuget庫(kù)

站長(zhǎng)使用.Net Core 3.1創(chuàng)建的WPF工程，創(chuàng)建“Transitions”解決方案后，需要添加兩個(gè)Nuget庫(kù)：MaterialDesignThemes和MaterialDesignColors，上圖的效果是使用該控件庫(kù)實(shí)現(xiàn)的，非常強(qiáng)大。

3.2 工程結(jié)構(gòu)

3.3 App.xaml添加MD控件樣式

添加4個(gè)樣式

<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>

簡(jiǎn)單講解：

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

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

2)設(shè)置無(wú)邊框窗體樣式并拖動(dòng)

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

窗體拖動(dòng)方法

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

3)設(shè)置鬧鐘列表用戶(hù)控件和新增鬧鐘用戶(hù)控件動(dòng)畫(huà)排版

默認(rèn)顯示鬧鐘列表用戶(hù)控件local:UserControlAlarms，動(dòng)畫(huà)切換時(shí)顯示新增鬧鐘用戶(hù)控件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 鬧鐘列表用戶(hù)控件

代碼簡(jiǎn)單，就是簡(jiǎn)單展示

<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">關(guān)閉</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點(diǎn)48分后響鈴</TextBlock>
                    </StackPanel>
                    <ToggleButton IsChecked="True" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10"/>
                </Grid>
            </ListViewItem>
        </ListView>
    </Grid>
</UserControl>

3.6 新增鬧鐘用戶(hù)控件

代碼也不多，簡(jiǎn)單控件布局

<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>

四、文章參考

建議直接打開(kāi)大神視頻學(xué)習(xí)，他的YouTube上還有很多代碼視頻哦，參考：
Design com WPF： https://www.youtube.com/watch?v=Bt9swbh_Wfw 。

五、代碼下載

文章中代碼幾乎已經(jīng)全部貼出，就是這么多。

除非注明，文章均由 Dotnet9 整理發(fā)布，歡迎轉(zhuǎn)載。
轉(zhuǎn)載請(qǐng)注明本文地址：https://dotnet9.com/6711.html

在線(xiàn)咨詢(xún)

上一篇：前端面試題JavaScript（二）
下一篇：「測(cè)試開(kāi)發(fā)全棧-HTML」(15)css字體的文本縮進(jìn)

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷(xiāo)服務(wù)商