進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條

2022-12-26 10:34:07 來(lái)源/作者： / 己有：24人學(xué)習(xí)過(guò)

畫(huà)一個(gè)620*45像素的圓角矩形。

進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條

為這個(gè)圓角矩形添加一個(gè)圖層樣式。

進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條

進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條

進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條

設(shè)置完圖層樣式，我們得到如下效果。

進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條

接下來(lái)，我們畫(huà)一個(gè)白色的500*25像素的圓角矩形。

進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條

我們畫(huà)一個(gè)細(xì)長(zhǎng)矩形，然后旋轉(zhuǎn)30度。

進(jìn)度條，設(shè)計(jì)一個(gè)彩色進(jìn)度條