原文:UWP開發入門(十四)—— UserControl中Adaptive UI的小技巧

本篇我們通過繪制一個非常簡單的UserControl控件,來分享一下對Adaptive UI的理解及一些圖形繪制的技巧。 現在流行的APP都少不了精致的用戶頭像,首先假設我們需要繪制如下的圖形作為默認頭像: 實現較為簡單,堆疊了三個Ellipse來實現三層圓環的效果。其中三層圓環的間距通過Width和Height來實現。 通常情況下,該實現已經可以滿足我們的要求了。 再來看第二個實現: 稍有不同 ...

2016-05-25 22:16 2 1471 推薦指數:

查看詳情

Win10 UWP開發的重復性靜態UI繪制技巧 2

技巧1 地址:http://www.cnblogs.com/ms-uap/p/4641419.html 介紹 我們在上一篇博文中展示了通過Shape.Stroke族屬性實現靜態重復性UI繪制,使得UWP界面的實現變得稍微靈活一些了。 但這一技巧還是有不少局限的,畢竟折騰 ...

Tue Jul 14 19:46:00 CST 2015 6 1633
Win10 UWP開發的重復性靜態UI繪制技巧 1

介紹 在Windows 10 UWP界面實現的過程,有時會遇到一些重復性的、靜態的界面設計。比如:畫許多等距的線條,畫一圈時鍾型的刻度線,同特別的策略排布元素,等等。 讀者可能覺得這些需求十分簡單,馬上就想到了通過for循環之類來實現。只需要在Loaded事件里添上這些元素就好 ...

Mon Jul 13 19:50:00 CST 2015 14 4242
UWP開發入門(九)——簡單界面的布局技巧及屏幕適應

  嘿嘿嘿,題目比較繞哈。本篇主要討論一般情況下,頁面的布局技巧,怎么將元素的展現盡量做到分辨率無關。基本的思路仍然是盡量少的標定具體的數字,而是用比列來標注各元素占據的空間。   這里我打算用易信的名片頁來舉例:      Phone的界面看起來不錯,大致以縱向排列。最上方是標題欄,頭像 ...

Sat Mar 12 06:07:00 CST 2016 1 12523
UWP開發入門(一)——SplitView

  接下來會寫一個UWP(Universal Windows Platform)開發入門的系列,自己學習到哪里,有什么心得總結,就會寫到哪里。本篇對適用於頂層導航的SplitView控件展開討論。   首先SplitView是Win10 UWP新增的控件,以前雖然可以通過DockPanel模擬 ...

Mon Nov 16 05:50:00 CST 2015 10 10152
UWP開發入門(二)——RelativePanel

  RelativePanel也是Win10 UWP新增的控件,和上篇提到的SplitView一樣在UWPUI布局起到非常重要的作用。說句實在話,這貨其實就是為了UWPAdaptive UI而特意增加的,由於他的功能和DockPanel有相當的重疊,以至於DockPanel被從Win10 ...

Mon Nov 23 06:19:00 CST 2015 6 5303
UWP開發入門(七)——下拉刷新

  本篇意在給這幾天Win10 Mobile負面新聞不斷的某軟洗地,想要證明實現一個簡單的下拉刷新並不困難。UWP開發更大的困難在於懶惰,缺乏學習的意願。而不是“某軟連下拉刷新控件都沒有”這樣的想法。   之前我也沒有進行過下拉刷新的研究。於是先去google了幾篇blog學習了一下,然后再 ...

Sun Feb 07 04:52:00 CST 2016 9 4278
UWP開發入門(二十一)——保持Ui線程處於響應狀態

  GUI的程序有時候會因為等待一個耗時操作完成,導致界面卡死。本篇我們就UWP開發可能遇到的情況,來討論如何優化處理。   假設當前存在點擊按鈕跳轉頁面的操作,通過按鈕打開的新頁面,在初始化過程存在一些耗時的操作。   可以注意到以上方法都是順序同步執行完成的,在點擊跳轉 ...

Fri Sep 02 06:32:00 CST 2016 4 2698
UWP 在非UI線程更新UI

大家都知道,不可以在 其他線程訪問 UI 線程,訪問 UI 線程包括給 依賴屬性設置值、讀取依賴屬性、調用方法(如果方法里面修改了依賴屬性)等。一旦訪問UI線程,那么就會報錯,為了解決這個問題,需要使用本文的方法,讓后台線程訪問 UI 線程。 本文提供三個方法可以讓其他線程訪問 UI 線程 ...

Sat Oct 12 19:59:00 CST 2019 6 248
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM