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小時內與您取得聯系。

整合營銷服務商