ColorPicker

故事背景

項目里面需要一個像Winfrom里面那樣的顏色選擇器,如下圖所示:

在網(wǎng)上看了一下。沒有現(xiàn)成的東東可以拿來使用。大概查看了一下關(guān)于顏色的一些知識,想著沒人種樹,那就由我自己來種樹,大家來乘涼好了。

 

設(shè)計過程

由于要考慮到手機上的效果,所以說這種向右展開的方式,不是太合適手機,所以最外層我考慮使用Pivot來存放基本顏色和自定義顏色這2頁。

第一頁是基本顏色,第二頁是自定義的顏色,如下圖。

ColorPicker這個控件,主要是由一個Button以及FlyoutBase.AttachedFlyout中的Flyout來組成的。

由Button的點擊來控制Flyout的打開或者是關(guān)閉。

 View Code

通過重寫Pivot的模板我們可以輕松得到PiovtHeaderItem 在下面的效果(修改Header和PivotItemPresenter的

網(wǎng)友評論