android 漸變蒙版 iOS關於蒙版漸變的實現

2021-10-16 15:36:43 字數 999 閱讀 6726

有個需求,檢視的右邊需要漸隱,如下圖:(這裡只是隨便拿個介面做下測試)

paste_image.png

要求整個view漸漸alpha變透明,包括view上的子view,需要一起變透明。

拿起鍵盤就是幹:

-(void)testalpha{

[self.view layoutifneeded];

uicolor *color1 = [uicolor colorwithred:(0) green:(0) blue:(0) alpha:1.0];

uicolor *color2 = [uicolor colorwithred:(0) green:(0) blue:(0) alpha:0.8];

uicolor *color3 = [uicolor colorwithred:(0) green:(0) blue:(0) alpha:0.2];

nsarray *colors = [nsarray arraywithobjects:(id)color1.cgcolor, color2.cgcolor,color3.cgcolor, nil];

nsarray *locations = [nsarray arraywithobjects:@(0.0), @(0.7),@(1.0), nil];

cagradientlayer *gradientlayer = [cagradientlayer layer];

gradientlayer.colors = colors;

gradientlayer.locations = locations;

gradientlayer.frame = _inputview.bounds;

gradientlayer.startpoint = cgpointmake(0, 0);

gradientlayer.endpoint = cgpointmake(1, 0);

_inputview.layer.mask = gradientlayer;

搞定!

線性漸變實現蒙版遮罩

實現css3主要屬性 background linear gradient dir,color1,color2,先定義乙個線型漸變 background size 400 400 把線型漸變擴大,預設可視盒子的顏色就是線性漸變其中的一部分顏色 transition 5s all 增加過渡效果 hov...

ps蒙版的作用

蒙版是浮在圖層之上的一塊擋板,它本身不包含影象資料,只是對圖層的部分資料起遮擋作用,當對圖層進行操作處理時,被遮擋的資料將不會受影響。蒙板其實就是ps裡面的乙個層,最常見的是單色的層或有圖案的層,疊在原有的 層上面,就象是在一張 上面放一塊玻璃的道理一樣,單色的層就是單色玻璃,有圖案的層就是花紋玻璃...

關於Android的徑向漸變高階程式設計的實現

在midipad的文章,我說我喜歡如何呈現的乙個軟體層的徑向漸變,所以讓我們開始比較同一徑向出現時所採用的硬體和軟體層。讓我們先定義乙個簡單的自定義檢視是viewpad中midipad文章大大簡化版。它使用相同的技術 我們建立乙個新的徑向尺寸變化時的觀點,但徑向本身是在padview使用的使用非常相...