iOS文字顏色漸變透明

漸變透明這種效果的文字一般都在可滾動的Label上,這樣的效果能使Label看起來更加美觀,同時可以提醒用戶,還有部分文字沒有顯示出來。
效果如下:

文字顏色漸變透明.png

圖層結構是這樣的:在self.view上放一個顏色半透明過渡的view,view上放一個scrollView,scrollView上放一個Label。因為父視圖是半透明的,所以Label上的文字也會跟隨者半透明。
難點在于這個半透明的view,它可以通過以下方法創(chuàng)建:

CGRect frame = CGRectMake(20, 100, SCREEN_WIDTH-40, SCREEN_HEIGHT-100-100);
// 過渡透明層
UIView *gradientView = [[UIView alloc] initWithFrame:frame];
[self.view addSubview:gradientView];

CAGradientLayer *gradientLayer = [CAGradientLayer layer];
NSArray *colors = [NSArray arrayWithObjects:
                   (id)[[UIColor colorWithWhite:0 alpha:0] CGColor],  //clearColor,透明度為0(顯示為黑色,就像黑洞...)
                   (id)[[UIColor colorWithWhite:0 alpha:0.5] CGColor],//clearColor,透明度為0.5
                   (id)[[UIColor colorWithWhite:0 alpha:1] CGColor],  //clearColor,透明度為1(顯示為透明)
                   nil];
[gradientLayer setColors:colors];
[gradientLayer setStartPoint:CGPointMake(0.0f, 0.0f)];
[gradientLayer setEndPoint:CGPointMake(0.0f, 0.2f)];
[gradientLayer setFrame:gradientView.bounds];
[[gradientView layer] setMask:gradientLayer];

CAGradientLayer是蘋果專門處理梯度顯示的一個類,給它設置一個顏色數(shù)組即可顯示。這里設置了三種顏色,CAGradientLayer會自動讓這三種顏色平緩過渡。
[UIColor colorWithWhite:0 alpha:1]是透明色,即clearColor,而
[UIColor colorWithWhite:0 alpha:0]是透明且alpha為0,由于子控件的alpha值與父視圖相同,所以子視圖會有一部分區(qū)域為透明色。
設置完所有屬性之后,不要忘了調(diào)用[[gradientView layer] setMask:gradientLayer];

剩余的代碼就簡單了。

UIScrollView *labScroll = [[UIScrollView alloc] initWithFrame:gradientLayer.bounds];
labScroll.backgroundColor = [UIColor whiteColor];
labScroll.showsVerticalScrollIndicator = NO;
[gradientView addSubview:labScroll];

NSString *text = self.t;
CGRect rect = [text boundingRectWithSize:CGSizeMake(SCREEN_WIDTH-40, 0) options:NSStringDrawingUsesLineFragmentOrigin|NSStringDrawingUsesFontLeading attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:18]} context:nil];
CGFloat height = rect.size.height;
labScroll.contentSize = CGSizeMake(0, height);

UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, labScroll.bounds.size.width, height)];
label.textColor = [UIColor darkGrayColor];
label.numberOfLines = 0;
label.textAlignment = NSTextAlignmentLeft;
label.text = text;
label.font = [UIFont systemFontOfSize:18.0];
[labScroll addSubview:label];

其中self.t是一個成員屬性,在get方法中賦值《赤壁賦》(手動滑稽)。

- (NSString *)t {
return @"\t壬戌之秋,七月既望,蘇子與客泛舟游于赤壁之下。清風徐來,水波不興。舉酒屬客,誦明月之詩,歌窈窕之章。少焉,月出于東山之上,徘徊于斗牛之間。白露橫江,水光接天??v一葦之所如,凌萬頃之茫然。浩浩乎如馮虛御風,而不知其所止;飄飄乎如遺世獨立,羽化而登仙。\n\t于是飲酒樂甚,扣舷而歌之。歌曰:“桂棹兮蘭槳,擊空明兮溯流光。渺渺兮予懷,望美人兮天一方。”客有吹洞簫者,倚歌而和之。其聲嗚嗚然,如怨如慕,如泣如訴,余音裊裊,不絕如縷。舞幽壑之潛蛟,泣孤舟之嫠婦。\n\t蘇子愀然,正襟危坐而問客曰:“何為其然也?”客曰:“‘月明星稀,烏鵲南飛’,此非曹孟德之詩乎?西望夏口,東望武昌,山川相繆,郁乎蒼蒼,此非孟德之困于周郎者乎?方其破荊州,下江陵,順流而東也,舳艫千里,旌旗蔽空,釃酒臨江,橫槊賦詩,固一世之雄也,而今安在哉?況吾與子漁樵于江渚之上,侶魚蝦而友麋鹿,駕一葉之扁舟,舉匏樽以相屬。寄蜉蝣于天地,渺滄海之一粟。哀吾生之須臾,羨長江之無窮。挾飛仙以遨游,抱明月而長終。知不可乎驟得,托遺響于悲風?!盶n\t蘇子曰:“客亦知夫水與月乎?逝者如斯,而未嘗往也;盈虛者如彼,而卒莫消長也。蓋將自其變者而觀之,則天地曾不能以一瞬;自其不變者而觀之,則物與我皆無盡也。而又何羨乎!且夫天地之間,物各有主,茍非吾之所有,雖一毫而莫取。惟江上之清風,與山間之明月,耳得之而為聲,目遇之而成色,取之無禁,用之不竭,是造物者之無盡藏也,而吾與子之所共適。”\n\t客喜而笑,洗盞更酌。肴核既盡,杯盤狼籍。相與枕藉乎舟中,不知東方之既白。";
}

這樣,文字顏色漸變透明的效果就能實現(xiàn)啦。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,026評論 4 61
  • 2017年8月19號,晨讀內(nèi)容,慢決策.如何在極速時代掌握慢思考的力量。 剛看到慢決策時,我立馬想到了拖延癥。拖延...
    體重管理教練王萍閱讀 232評論 0 0
  • 文|在路上520 中午,姜維站在馬路邊上,焦急地不時向駛過的出租車拼命揮手,可沒有一輛出租車理她,要么車里有人,要...
    在路上520閱讀 327評論 0 0
  • 本來今兒要寫兩個的,上一篇寫的實在是太長了一發(fā)不可收拾,所以明天繼續(xù),累覺不愛。睡了。 罪過罪過。 -------...
    阿炫要做一個溫暖的人閱讀 601評論 0 2

友情鏈接更多精彩內(nèi)容