線性漸變畫刷

2021-09-19 08:36:35 字數 2654 閱讀 8706

第一種: 1.

首先先繪製乙個矩形

然後在button

裡定義乙個background,再用乙個線性漸變來寫他的樣式

<

button

height

="60"

width

="120"

margin

="87,200,86.6,10.4" >

<

button.background

>

<

lineargradientbrush

startpoint

="0 , 0.5"

endpoint

="1 , 0.5"

opacity

="0.5">

<

gradientstop

color

="gainsboro"

offset

="0"/>

<

gradientstop

color

="#66ccff"

offset

="0.5"/>

<

gradientstop

color

="darkturquoise"

offset

="1"/>

lineargradientbrush

>

button.background

>

button

>

lineargradientbrush

是線性漸變;

startpoint="0 , 0.5" endpoint="1 , 0.5"

:兩個點的x、

y軸,顏色會隨著兩個點連回來的線漸變,當你要改變漸變的方向時,只要改變那兩個點就可以了。

比如:startpoint="0 , 0" endpoint="1 , 1"

顏色是從左上到右下漸變

startpoint="0.5 , 0" endpoint="0.5 , 1"

顏色是上下漸變

startpoint="0 , 0.5" endpoint="1 , 0.5"

顏色是左右漸變…

:漸變

color="gainsboro" offset="0"在0

的時候顏色會是

亮灰色第二種: 1.

首先先繪製乙個矩形

<

button

height

="60"

width

="120"

margin

="87 , 60 , 86.6 , 60.4" >

button

>

2. 然後在grid

裡定義乙個resources,再用乙個線性漸變來寫他的樣式

<

grid.resources

>

<

lineargradientbrushx:

key="bgbrush"

startpoint

="0,0"

endpoint

="1,1"

opacity

="0.8">

<

gradientstop

color

="red"

offset

="0.0"/>

<

gradientstop

color

="#66ccff"

offset

="0.25"/>

<

gradientstop

color

="blue"

offset

="0.75"/>

<

gradientstop

color

="aquamarine"

offset

="1.0"/>

lineargradientbrush

>

grid.resources

>

<

buttonx:

name

="btnsubmit"

background

=""height

="60"

width

="120"

margin

="87 , 0 , 86.6 , 167.4">

button

>

第一種是在

button

裡直接定義background,再寫上樣式;

第二種是呼叫別的地方的

樣式;

都是差不多的,這裡只是順便列出來而已,就不重複說了

GDI 學習之線性漸變畫刷

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!我發現使用gdi 來製作畫圖工具的調色盤極為方便 這個工作如果讓gdi來做不知要寫多少 下面我們學習一下gdi 的線性漸變畫刷 lineargradientbrush類的用法,具體 如下 cpp view plain copy print?cdc ...

畫漸變函式

procedure colorful sender tcanvas c1,c2 tcolor width,height integer mode integer var i integer rct trect r1,g1,b1,r2,g2,b2,r3,g3,b3 byte begin with tc...

線性漸變和徑向漸變

linear gradient direction,color 寫法 background webkit linear gradient direction,color 1.direction 方向,預設方向是自上而下 寫法有 1.background webkit linear gradient ...