UWP小白日記 3 記賬專案 1

2021-09-07 17:19:11 字數 2938 閱讀 4416

原文:

[uwp小白日記-3]記賬專案-1

學了一段時間的uwp,來個專案試試手。

本來是想邊做邊學mvvmlight的結果感覺mvvm對於萌新來說太高難,以後再把這個專案改造成mvvmlight框架的專案。

下面進入正題。

中間那快空白打算放gridview,用來放標籤。利用datatemplate讀取資料庫里的標籤表。

頭部標題和底部標籤沒什麼好說的,主要說下那個pivot的實現。

先來看看圖,就知道有什麼問題了,然後在解決這個問題。

滑鼠點最左邊盡然也能跳轉頁面,這什麼鬼,改了他的預設styel一樣不行。

1
view code

最後沒招,想到把這個listbox外層的grid的zindex改大來覆蓋

canvas.zindex="5

"

我用listbox替代了pivot的header。

1

"labellistbox

"2 grid.row="0"

3 foreground="

"4 background="

"5 selectedindex="

"8 itemcontainerstyle="

}" >

910

view code

利用繫結來實現跳轉,這樣不用寫任何cs**。

1 selectedindex="

"

view code

最後就是改listbox的styel

主要就是這幾個沒有注釋的視覺狀態

"

commonstates

">

"normal

" />

"pointerover

">

"pressed

">

"selected

">

"pressedborder

"storyboard.targetproperty="

borderbrush

">

"0" value="

" />

"contentpresenter

"storyboard.targetproperty="

foreground

">

"0" value="

" />

"selectedunfocused

">

"pressedborder

"storyboard.targetproperty="

borderbrush

">

"0" value="

" />

"contentpresenter

"storyboard.targetproperty="

foreground

">

"0" value="

" />

"selectedpointerover

">

"pressedborder

"storyboard.targetproperty="

borderbrush

">

"0" value="

" />

"contentpresenter

"storyboard.targetproperty="

foreground

">

"0" value="

" />

"selectedpressed

">

"pressedborder

"storyboard.targetproperty="

borderbrush

">

"0" value="

" />

"contentpresenter

"storyboard.targetproperty="

foreground

">

"0" value="

" />

view code

收入和支出那2個按鈕也是用listbox實現的:

收入那個按鈕加了旋轉變換

"

valuetypelistbox

"margin="

0,0,0,5

"grid.column="1"

grid.rowspan="2"

selectedindex="0"

foreground="

"background="

transparent

"itemcontainerstyle="

}">

"spendingtextblock

"text="

支出"/>

"0.5,0.5

"margin="

0,2,0,0

">

"180"/>

"incometextblock

"text="

收入" rendertransformorigin="

0.5,0.5

">

"180"/>

view code

這個頁面差不多了,下篇打算實現報銷頁的功能,初步打算使用listview的groupstyle來實現,上下滾動的時候group會吸頂。

小白日記1

核心交換機10.1.0.254 1 可以先檢視對方的子網掩碼 預設閘道器以及dns是否設定正確 1 子網掩碼和預設閘道器需要根據vlan和網段的對應文件進行查詢 通過ip位址所在網段快捷鍵ctrl f查詢 ip address 10.1.11.62 255.255.255.192 ip位址為62之前...

UWP 小白日記16 UWP中的3D變換API

原文 uwp 小白日記16 uwp中的3d變換api 好久沒寫部落格了,再來開坑。transform3d 這個和css的3d好像的說 perspectivetransform3d 這個用來指定容器是否具有3d空間,都是放在根容器下面的。注意depth 預設1000,如過設定過大會導致子元素超出容器 ...

UWP 小白日記16 UWP中的3D變換API

原文 uwp 小白日記16 uwp中的3d變換api 好久沒寫部落格了,再來開坑。transform3d 這個和css的3d好像的說 perspectivetransform3d 這個用來指定容器是否具有3d空間,都是放在根容器下面的。注意depth 預設1000,如過設定過大會導致子元素超出容器 ...