ColorPicker

故事背景

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

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

 

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

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

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

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

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

 View Code

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