ColorPicker

故事背景

項(xiàng)目里面需要一個(gè)像Winfrom里面那樣的顏色選擇器，如下圖所示：

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

 

設(shè)計(jì)過程

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

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

ColorPicker這個(gè)控件，主要是由一個(gè)Button以及FlyoutBase.AttachedFlyout中的Flyout來組成的。

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

 View Code

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