模仿不知道哪個版本的AppleWatch界面UI(wpf)

来源:https://www.cnblogs.com/lenkaset/archive/2020/07/27/fake_applewatch_xaml.html
-Advertisement-
Play Games

都0202年了,不會還有人在用WPF吧,不會吧不會吧~什麼qt啊,electron啊,flutter啊好多東西要學啊,我還是繼續用WPF吧。因為其它的還不太會;繼續學習吧~ 期待WinUI3和“MAUI”-2021 1.周末沒加班,閑來沒事做;模仿個東西好了;在模仿中學習(各位大佬不要嘲諷我就是~) ...


都0202年了,不會還有人在用WPF吧,不會吧不會吧~什麼qt啊,electron啊,flutter啊好多東西要學啊,我還是繼續用WPF吧。因為其它的還不太會;繼續學習吧~

期待WinUI3和“MAUI”-2021

1.周末沒加班,閑來沒事做;模仿個東西好了;在模仿中學習(各位大佬不要嘲諷我就是~);好開始我的流水賬

在愛給網中下載了一個Apple Watch 智能手錶GUI主題包Sketch源文_愛給網_aigei_com.zip的文件,Windows下用Lunacy打開 [見下圖](嗯,沒用過蘋果表還不能搞搞你的UI了,mmp)

一開始還不知道用啥實現,選擇恐懼症啊,現在的工具框架太多了,學不過來啊~所有還是先從最熟悉的xaml開始吧~

 2.先把一些零散的零件搞起,純xaml手寫(部分)主要還是用的Blend方便啊~有些控制項是加了一定交互功能的,有的就是fixedUI(死界面)了;俗話說的好啊:畫皮難畫骨啊,又沒親手用過不清楚那裡面涉及的一些交互動畫什麼的,太難了,先把皮搞好等哪天要用的時候就知道怎麼添加靈魂了。。(雖然本圖沒有上圖那麼好看,但也神似了50%吧!)

 3.Grid和Canvas選用是我一直不喜歡面對的事情;以前一直用Grid佈局UI控制項主要因為靈活不用寫死,Canvas只是在有繪製圖形的時候我才會用(比如幾何繪圖,統計圖表這些),但今天不行了,在 普通UI控制項的佈局我也用了這個;不知道大家平時做主要佈局時用什麼控制項。。

4.一開始我可樂意在Blend里繪製Path了,先搞張底圖,放大了用鋼筆工具一點一點的Beizer出來,像這個的電話圖標就是b出來的(其實不對稱,勉強能用),還有那個多用的雲朵,一開始像b出來,結果鋼筆都能用歪了來,只好轉而用多個橢圓、圓角矩形組合而來太難了,要不是需要多色我絕逼不想用這招;其它簡單的圖標我直接上iconfont輕鬆解決啊!

5.基礎的零件搞好就開始組合界面吧,肝它個幾十個小小的屏幕的頁面而已,簡單而又枯燥哈哈哈

6.不過現在做的還不是靈魂級的改造(還有很多交互動畫等沒實現),都是軀殼~

7.只簡單實現了幾個界面,如下:

 

 主要最近要抽空學習js的那幾套ui框架:vue.js、react.js...

草草收場,哎,有空繼續修改

https://github.com/lenkasetGitHub/wpfapplewatchfake

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 屬性掃描完成之後, 就可以開始屬性註入了. 代碼塊: org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory#doCreateBean boolean earlySingletonExposure = ...
  • 創建完對象之後, 接下來, 就應該想辦法對屬性進行註入了, 其中就包括 @Autowired 註入 但是在註入之前, 貌似 還沒有對 @Autowired 進行掃描和解析. 代碼塊: if (instanceWrapper == null) { /** * 創建 bean 實例,並將實例包裹在 Be ...
  • 點此獲取下載地址提取碼:y9u5 Python網路編程最好新手入門書籍!175個詳細案例,事實勝於雄辯,Sockets、DNS、Web Service、FTP、Email、SMTP、POP、IMAP、SocketServe、CGI、XML、Forking、資料庫查詢手機客戶端、多核、非同步通信……詳細 ...
  • spring在創建對象(org.springframework.beans.factory.support.AbstractAutowireCapableBeanFactory#createBeanInstance)的時候, 使用了這個 構造函數後置處理器, 用來選擇使用哪個構造函數的. 所以這個後 ...
  • 接著前面, 看完構造函數前的後置處理器, 就到 doCreateBean 方法了. protected Object doCreateBean(final String beanName, final RootBeanDefinition mbd, final @Nullable Object[] ...
  • 又是好久沒有寫題解了。。。。。 1.題意分析: P2299是一道非常經典的圖論最短路練習題。 圖論最短路是圖論中非常重要的一個知識模塊,其主要演算法有Dijkstra,Bellman-Ford,SPFA和Floyd。在這片題解中我們著重介紹Dijkstra演算法。 2.演算法詳解: Dijkstra應該是 ...
  • 一、Servlet 1. 什麼是Servlet Servlet 是 JavaEE 規範之一,規範就是介面 Servlet 就 JavaWeb 三大組件之一,三大組件分別是:Servlet 程式、Filter 過濾器、Listener 監聽器 Servlet 是運行在伺服器上的一個 java 小程式, ...
  • 本系列將和大家分享面向對象23種設計模式中常用的幾種設計模式,本章主要簡單介紹下行為型設計模式。 ...
一周排行
    -Advertisement-
    Play Games
  • JWT(JSON Web Token)是一種用於在網路應用之間傳遞信息的開放標準(RFC 7519)。它使用 JSON 對象在安全可靠的方式下傳遞信息,通常用於身份驗證和信息交換。 在Web API中,JWT通常用於對用戶進行身份驗證和授權。當用戶登錄成功後,伺服器會生成一個Token並返回給客戶端 ...
  • 老周在幾個世紀前曾寫過樹莓派相關的 iOT 水文,之所以沒寫 Nano Framework 相關的內容,是因為那時候這貨還不成熟,可玩性不高。不過,這貨現在已經相對完善,老周都把它用在項目上了——第一個是自製的智能插座,這個某寶上50多塊可以買到,搜“esp32 插座”就能找到。一種是 86 型盒子 ...
  • 引言 上一篇我們創建了一個Sample.Api項目和Sample.Repository,並且帶大家熟悉了一下Moq的概念,這一章我們來實戰一下在xUnit項目使用依賴註入。 Xunit.DependencyInjection Xunit.DependencyInjection 是一個用於 xUnit ...
  • 在 Avalonia 中,樣式是定義控制項外觀的一種方式,而控制項主題則是一組樣式和資源,用於定義應用程式的整體外觀和感覺。本文將深入探討這些概念,並提供示例代碼以幫助您更好地理解它們。 樣式是什麼? 樣式是一組屬性,用於定義控制項的外觀。它們可以包括背景色、邊框、字體樣式等。在 Avalonia 中,樣 ...
  • 在處理大型Excel工作簿時,有時候我們需要在工作表中凍結窗格,這樣可以在滾動查看數據的同時保持某些行或列固定不動。凍結窗格可以幫助我們更容易地導航和理解複雜的數據集。相反,當你不需要凍結窗格時,你可能需要解凍它們以獲得完整的視野。 下麵將介紹如何使用免費.NET庫通過C#實現凍結Excel視窗以鎖 ...
  • .NET 部署 IIS 的簡單步驟一: 下載 dotnet-hosting-x.y.z-win.exe ,下載地址:.NET Downloads (Linux, macOS, and Windows) (microsoft.com) .NET 部署 IIS 的簡單步驟二: 選擇對應的版本,點擊進入詳 ...
  • 拓展閱讀 資料庫設計工具-08-概覽 資料庫設計工具-08-powerdesigner 資料庫設計工具-09-mysql workbench 資料庫設計工具-10-dbdesign 資料庫設計工具-11-dbeaver 資料庫設計工具-12-pgmodeler 資料庫設計工具-13-erdplus ...
  • 初識STL STL,(Standard Template Library),即"標準模板庫",由惠普實驗室開發,STL中提供了非常多對信息學奧賽很有用的東西。 vector vetor是STL中的一個容器,可以看作一個不定長的數組,其基本形式為: vector<數據類型> 名字; 如: vector ...
  • 前言 最近自己做了個 Falsk 小項目,在部署上伺服器的時候,發現雖然不乏相關教程,但大多都是將自己項目代碼複製出來,不講核心邏輯,不太簡潔,於是將自己部署的經驗寫成內容分享出來。 uWSGI 簡介 uWSGI: 一種實現了多種協議(包括 uwsgi、http)並能提供伺服器搭建功能的 Pytho ...
  • 1 文本Embedding 將整個文本轉化為實數向量的技術。 Embedding優點是可將離散的詞語或句子轉化為連續的向量,就可用數學方法來處理詞語或句子,捕捉到文本的語義信息,文本和文本的關係信息。 ◉ 優質的Embedding通常會讓語義相似的文本在空間中彼此接近 ◉ 優質的Embedding相 ...