原文:用UWP實現一個和win10設置頁面類似的布局

不知道有人注意過Win 中的設置頁面的布局沒 那個頁面會根據不同的窗口寬度來調節顯示的內容,甚至來后退按鈕的操作在不同的寬度也是不同的,看圖: 是不是有點cool呢,這篇文章,我們就來做一個類似的布局。 首先將我們需要展示出來的東西都添加到頁面上,頁面如下: 后台綁定測試數據: 運行起來看看效果,有點亂啊,不急,我們慢慢調。 這個頁面中,我們准備在窗口寬度小於 時顯示窄布局,大於 時顯示寬布局,下 ...

2015-07-07 12:28 12 4167 推薦指數:

查看詳情

Win10 UWP開發系列:實現Master/Detail布局

在開發XX新聞的過程中,UI部分使用了Master/Detail(大綱/細節)布局樣式。Win10系統中的郵件App就是這種樣式,左側一個列表,右側是詳情頁面。關於這種 樣式的說明可參看MSDN文檔:https://msdn.microsoft.com/zh-cn/library/windows ...

Thu Feb 04 19:51:00 CST 2016 3 3284
Win10 UWP 開發系列:使用SplitView實現漢堡菜單及頁面內導航

Win10之前,WP平台的App主要有樞軸和全景兩種導航模式,我個人更喜歡Pivot即樞軸模式,可以左右切換,非常方便。全景視圖因為對設計要求比較高,自己總是做不出好的效果。對於一般的新聞閱讀類App來說,Pivot更適合多個頻道的展示,因為內容基本都是一樣的。 到了Win10,微軟模仿 ...

Thu Dec 10 18:45:00 CST 2015 14 5494
Win10 UWP開發實現Bing翻譯

微軟在WP上的發展從原來的Win7到Win8,Win8.1,到現在的Win10 UWP,什么是UWPUWP即Windows 10 中的Universal Windows Platform簡稱。即Windows通用應用平台,在Win 10 Mobile/Surface(Windows平板電腦 ...

Wed May 04 01:03:00 CST 2016 4 1028
Win10頁面導航的實現

注:本文基於 Windows 10 10240 及其 SDK 編寫,若以后有變化,請以新版本為准。 頁面導航我們是再熟悉不過了,瀏覽器、手機 App 大多都使用這種方式來展示內容。在 Windows 10 應用商店應用當中,也是使用這種方式來展示內容。具體是通過 Frame 這個控件來進行 ...

Thu Nov 26 06:03:00 CST 2015 11 2216
Win10 UWP應用發布流程

簡介 Win10 UWP應用作為和Win8.1 UAP應用不同的一種新應用形式,其上傳至Windows應用商店的流程也有了一些改變。 這篇博文記錄了我們發布一款Win10 UWP應用的基本流程,希望為廣大開發者提供參考。 創建新提交 1.登陸至應用商店 https ...

Fri Sep 25 20:26:00 CST 2015 10 4371
Win10 UWP系列:關於錯誤 0x80073CF9及一個小bug的解決

最近一直在開發XX的uwp版本,也是邊摸索邊做,最近遇到幾個比較奇怪的問題,記錄於此。 1、項目可用部署到PC,但無法部署到手機,提示以下錯誤: 錯誤 : DEP0001 : 意外錯誤: Install failed. Please contact your software ...

Mon Jan 25 00:16:00 CST 2016 0 4000
Win10 UWP開發系列:開發一個自定義控件——帶數字徽章的AppBarButton

最近有個項目有一個這樣的需求,在文章瀏覽頁底部有幾個AppBarButton,其中有一個是評論按鈕,需要在評論按鈕上顯示一個紅色數字,類似微信的新消息提醒: 這種設計在iOS和Android平台都是很常見的,但UWP上並沒有提供現成的控件。所以只能自己實現一個了。 做出來效果 ...

Wed Mar 22 20:31:00 CST 2017 4 2049
Win10 Powershell實現類似Linux指定tree命令展示深度

前言 今天又是遠程上班的一天,願NCP病毒早日過去…… 用慣了Linux上的tree命令來展示目錄結構,今天遠程Win10上,需要通過目標結構寫一些腳本,查看了下Powershell是默認有個tree命令的,但是不支持指定深度 所以,這篇文章主要是實現tree命令展示指定深度的目錄結構功能 ...

Tue Feb 11 02:33:00 CST 2020 0 2317
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM