`
lizhuang
  • 浏览: 904193 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

去掉TabBar蓝色,还原图片原本颜色的方法

 
阅读更多
-(UITabBarItem *) createTabBarItemWithTitle:(NSString*)title image:(NSString*)imageName selectedImage:(NSString*)selectedImageName
{
    UITabBarItem *tabBarItem = [[UITabBarItem alloc] init];
    UIImage *unselectedImage = [UIImage imageNamed:imageName];
    UIImage *selectedImage = [UIImage imageNamed:selectedImageName];
    
    tabBarItem.image =[unselectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    tabBarItem.selectedImage =[selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    
    if (title != nil)
    {
        tabBarItem.title = title;
    }
    
    return tabBarItem;
}

   [[UITabBarItem appearance] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:
                                                       [UIColor grayColor], NSForegroundColorAttributeName,
                                                       nil] forState:UIControlStateSelected];
分享到:
评论

相关推荐

    自定义TabBar图片

    对于更复杂的定制,可以使用`appearance`代理方法来自定义整个TabBar的样式。 - 在Android中,我们可以利用`BottomNavigationView`或者自定义`TabLayout`来实现。通过设置`app:icon`和`app:selectedIcon`属性,可以...

    微信小程序开发之tabbar图标和颜色的实现.docx

    在本文中,我们将详细介绍微信小程序开发之tabbar图标和颜色的实现方法。 首先,我们需要注册微信小程序开发账号,并下载相应的开发工具。然后,我们需要创建一个小程序的基本结构,包括pages、tabBar和window三个...

    微信小程序底部tabbar图片

    在本案例中,我们关注的是“微信小程序底部tabbar图片”,这意味着我们将讨论如何设计、配置和使用这些图像来提升用户体验。 首先,微信小程序的底部tabbar图标应当具有清晰的视觉表现力,使用户一眼就能识别出它们...

    ios-更换 tabBarItem的背景颜色.zip

    在默认情况下,TabBarItem通常具有系统预设的颜色和样式。然而,为了实现更个性化的用户体验或者匹配应用的整体设计风格,开发者常常需要自定义TabBarItem的背景颜色。本教程将详细讲解如何在iOS应用中更换TabBar...

    iOS tabbar图片资源

    4. **处理点击事件**:可以监听uitabbarcontroller的`- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item`方法,以便在用户切换标签时执行相应的操作。 5. **使用图片资源**:在创建TabBarItem...

    小程序tabbar素材

    4. **颜色搭配**:TabBar 的颜色应与小程序整体风格一致,`color` 属性定义普通状态下的文字颜色,`selectedColor` 定义选中状态下的文字和图标颜色。`borderStyle` 可以设置 TabBar 边框的颜色,常见值有 "black" ...

    swiftTabBar

    2. **颜色和样式**:可能包括TabBar的背景色、选中和未选中状态下的图标颜色、文字颜色等。开发者可以通过这些接口更改TabBar的整体视觉效果。 3. **形状和大小**:标准的TabBar通常是水平排列的矩形,但通过自定义...

    uniapp自定义tabbar图标样式

    通过以上方法,开发者可以充分利用uniAPP的灵活性,实现个性化和专业化的tabbar设计,提高应用的整体质量和用户体验。在实际开发过程中,应不断调试和优化,确保自定义tabbar在各种设备和场景下都能正常工作。

    Flutter自定义TabBar的Indicator.zip

    在本文中,我们将深入探讨如何在Flutter中自定义TabBar的Indicator,以便实现类似秒杀Tab的视觉效果。Flutter是一个由Google开发的开源UI工具包,用于构建高性能、高保真、多平台的移动应用程序。TabBar是Flutter中...

    uniapp小程序自定义动态tabbar

    自定义TabBar的样式可以通过修改`tabbar.vue`中的CSS来实现,可以调整字体大小、颜色、背景色、边框等。同时,uni-app支持使用scss、less等预处理器,可以更好地组织和复用样式。 7. 性能优化 为了提高用户体验,应...

    IOS 用户自定义TabBar

    - **颜色和背景**:可以修改TabBar的颜色和背景图片,通过`tintColor`和`barTintColor`属性进行设置。 - **动画效果**:添加过渡动画可以使TabBar更具吸引力。例如,可以使用`UIView.animate(withDuration:)`方法...

    ios-自定义tabbar.zip

    4. 图标:除了文字,TabBar还可以包含图标,可以使用`image`和`selectedImage`属性分别设置正常和选中状态的图片。 5. 选中状态:通过`selected`属性来标记当前选中的TabBarItem。 为了实现这些自定义功能,开发者...

    tabbar图标素材.zip

    4. **微信小程序配置**:在微信小程序的json配置文件中,开发者需要定义Tabbar的样式、颜色、选中状态以及对应的页面路径。例如,每个Tabbar项包括`text`(文字标签)和`iconPath`(未选中状态的图标路径)以及`...

    自定义tabBar

    - 使用`UIImage`的`withRenderingMode:`方法设置图片渲染模式,确保图标颜色正确显示。 2. **自定义TabBar外观** - 使用`appearance`代理来修改全局的TabBar样式,如背景色、文字颜色等。 - 如果需要更深入的...

    微信小程序tabbar图标素材

    2. **颜色选择**:微信小程序对 TabBar 的颜色有特定的要求,一般默认为黑色和白色,但在特定主题下可以使用自定义颜色。颜色应与背景形成对比,保证在不同背景下都能清晰可见。 3. **尺寸规范**:微信小程序规定 ...

    隐藏TabBar的一些方法小结

    本篇文章将总结几种常见的隐藏TabBar的方法。 1. **使用Storyboard中的Visual Format Language (VFL)** 在Storyboard中,可以通过约束来控制TabBar的显示状态。利用VFL,我们可以设置TabBarController的底部约束为...

    tabBar使用

    5. **设置`tabBar`样式**:你还可以自定义`tabBar`的外观,比如颜色、字体等。这可以通过修改`UITabBar`的`tintColor`、`barTintColor`、`unselectedItemTintColor`等属性来实现。 6. **添加动画效果**:为了提高...

    微信小程序带未读数量的tabbar有选中效果

    可以使用微信小程序的`wx.request`方法向服务器发送请求,然后在接收到响应后更新Tabbar的状态。 在提供的压缩包文件`WeChatApp_TabbarCount`中,可能包含了实现这一功能的示例代码,包括WXML、WXSS和JavaScript...

    tabbar练习小项目

    在"tabbar练习小项目"中,我们可以学习如何创建和定制TabBar,包括自定义图标、文字、颜色以及选中状态的样式。此外,还需要考虑TabBar在不同屏幕尺寸和方向下的适配,以及如何处理复杂的业务逻辑,比如在某些Tab...

    uniapp小程序tabbar图标

    borderStyle: 'black', // tabBar顶部线条颜色 list: [ { pagePath: 'pages/home/index', text: '首页', iconPath: 'path/to/home_002.png', // 非选中状态图标路径 selectedIconPath: 'path/to/home_001.png...

Global site tag (gtag.js) - Google Analytics