Win10 UI入門 導航滑動條 求UWP工作

借鑑了 段博瓊 大哥寫的導航滑動，自己實現了乙個類似安卓 ios 導航滑動條

支援等比例 分割 tabview 支援動畫滑動

效果如下圖

wygrid 你可以想象乙個gridview  itemswrapgridpanel.orientation = orientation.vertical; 垂直方向的控制項

自定義乙個項高 itemheight 並繫結到最高屬性

var itemswrapgridpanel = itemspanelroot as

itemswrapgrid;
var b = new
binding()
;if (itemswrapgridpanel != null
) 
this.setbinding(maxheightproperty, b);

"

auto
" />
"*" />
"part_listviewstatename
" background="
royalblue
" padding="
0" margin="
0" borderthickness="0"
scrollviewer.horizontalscrollbarvisibility="
hidden
"scrollviewer.horizontalscrollmode="
enabled
"scrollviewer.verticalscrollbarvisibility="
disabled
"scrollviewer.verticalscrollmode="
disabled
" itemheight="45"
itemtemplate="
"itemssource="
">
"part_rectstatename
" fill="
red" height="
2" width="
130" grid.row="
1" opacity="
1" margin="
0,-2,0,0
" horizontalalignment="
left
" >

初始化的時候 pivotitemloading 來初始化導航條的位置 

part_rectstatename 顯示動畫 透明為1， gridview 裡面的 placeholderrect 透明 為0 

當點選的時候 selectionchanged 被call 查詢contentpresenter 和 rectangle 來確定位置和寬度，啟動動畫，之後讓

part_rectstatename 顯示動畫 透明為0， gridview 裡面的 placeholderrect 透明 為1

下面是動畫的**，思路清楚了接下來很快就做好了。

private storyboard storybordtemp(double formw, double

tow, point newpoint, point oldpoint)
;quarticease easing = new
quarticease();
easing.easingmode =easingmode.easeout;
easing.ease(
0.3);
extendanimation.easingfunction =easing;
storyboard.settarget(extendanimation, _rectangle);
storyboard.settargetproperty(extendanimation, 
"width");
var xanimation = new doubleanimation ;
quarticease xeasing = new
quarticease();
xeasing.easingmode =easingmode.easeout;
xeasing.ease(
0.3);
xanimation.easingfunction =xeasing;
storyboard.settarget(xanimation, _rectangle);
storyboard.settargetproperty(xanimation, 
"(uielement.rendertransform).(translatetransform.x)");
storyboard.children.add(extendanimation);
storyboard.children.add(xanimation);
storyboard.begin();
return
storyboard;
}

UI基礎整理 10

uitableview編輯 1.讓tableview進入編輯狀態 void deletedataaction uibarbuttonitem barbutton 2.設定可編輯區域 bool tableview uitableview tableview caneditrowatindexpath ...

win10下Resin安裝 入門（1）

開啟該服務需要的環境 首先你的jdk必須安裝成功 解壓後你會看到 1 埠 以免埠被占用 2 相應的初始頁面 預設的路勁會出現找不到也沒的情況 404 以上兩點是最基本的 出現改資訊則服務啟動成功，可以對該埠進行訪問了 xmlns resin core ssl配置 xmx256m xss1m xdeb...

win10使用技巧，win10小技能

介紹一下win10一些小技巧，這些可以更方法方便快捷的使用win10，給我們工作帶來更高的效率。首先先來看下常使用的 顯示桌面 在以往的系統的工作列的快速啟動欄裡，常有乙個顯示桌面圖示，按一下就返回到桌面。win10一樣也有，顯示在工作列的最右邊，點選一下就可以返回到桌面。cortana搜尋框。這個...