【iOS开发】设置TabBarItem上文字跟图片一样的颜色

最新推荐文章于 2023-01-30 11:00:20 发布

原创最新推荐文章于 2023-01-30 11:00:20 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ios开发

iOS开发-UI控件专栏收录该内容

6 篇文章

订阅专栏

本文介绍在iOS开发中如何将TabBarItem的图片和文字颜色设置为同一图片的颜色，通过使用mac自带的数码测色计获取图片颜色值，并利用UIColor方法将颜色值转换为可应用于TabBarItem的格式。实例演示了如何设置文字颜色以匹配特定图片颜色，确保视觉一致性。

在iOS开发中我们可能会遇到需要把文字的颜色设置为某张图片的颜色，例如在tabbaritem上的图片跟文字可能需要同样的颜色，这个时候我们可以使用如下方法

1.mac自带的数码测色计，测出图片的三原色值，然后除以255.0，作为下边方法的参数值

+ (UIColor *)colorWithRed:(CGFloat)red green:(CGFloat)green blue:(CGFloat)blue alpha:(CGFloat)alpha

获取到所需的颜色

提醒：所需参数为CGFloat，不要写成整数，否则就显示为黑色。

2.UITabBarItem中没有titlecolor这个属性，我们可以通过

- (void)setTitleTextAttributes:(NSDictionary *)attributes forState:(UIControlState)state NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;

方法设置文字的颜色,如下

NSMutableDictionary *textAttrs = [NSMutableDictionary dictionary];
    textAttrs[NSForegroundColorAttributeName] = 
    storeVc.view.backgroundColor = [UIColor colorWithRed:133.0/255 green:204.0/255 blue:193.0/255 alpha:1.0];
    [storeVc.tabBarItem setTitleTextAttributes:textAttrs forState:UIControlStateNormal];