`
wfkbyni
  • 浏览: 86974 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

设置TabBar选中与未选中图片

 
阅读更多
-(void)settingTabbarController{
    self.tabBarViewControoler.tabBar.selectionIndicatorImage = [UIImage imageNamed:@"tabbar_selected"];
    for (int i = 0; i < self.tabBarViewControoler.tabBar.items.count; i++) {
        UITabBar* tabbar = self.tabBarViewControoler.tabBar;
        UITabBarItem * item = [tabbar.items objectAtIndex:i];
        UIImage *imageNormal;
        UIImage* imageSelected;
        switch (i) {
            case 0:
            {
                imageNormal = [UIImage imageNamed:@"tabhost_one_bg_nor"];
                imageSelected = [UIImage imageNamed:@"tabhost_one_bg_sel"];
            }
            break;
            case 1:
            {
                imageNormal = [UIImage imageNamed:@"tabhost_two_bg_nor"];
                imageSelected = [UIImage imageNamed:@"tabhost_two_bg_sel"];
            }
            break;
            case 2:
            {
                imageNormal = [UIImage imageNamed:@"tabhost_three_bg_nor"];
                imageSelected = [UIImage imageNamed:@"tabhost_three_bg_sel"];
            }
            break;
            case 3:
            {
                imageNormal = [UIImage imageNamed:@"tabhost_four_bg_nor"];
                imageSelected = [UIImage imageNamed:@"tabhost_four_bg_sel"];
            }
            break;
            default:
            break;
        }
       
        if (ios7) {
            item.selectedImage = [imageSelected imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            item.image = [imageNormal imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            tabbar.tintColor = [UIColor whiteColor];
        }else{
            [item setFinishedSelectedImage:imageSelected withFinishedUnselectedImage:imageNormal];
        }
       
    }
}
分享到:
评论

相关推荐

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

    3. **处理选中效果**:当用户点击Tabbar项时,微信小程序会自动改变对应的`selectedIconPath`,但如果你还需要自定义选中状态下的颜色或其他样式,可以使用`wx.setTabBarItem`API来动态设置。例如: ```javascript ...

    自定义TabBar图片

    通过设置`image`和`selectedImage`属性,我们可以分别指定未选中和选中状态下的图片。对于更复杂的定制,可以使用`appearance`代理方法来自定义整个TabBar的样式。 - 在Android中,我们可以利用`BottomNavigation...

    iOS tabbar图片资源

    本文将深入探讨iOS TabBar的使用、自定义以及与图片资源的关联。 首先,TabBar是由苹果提供的UIKit框架中的UITabBarController类实现的。它允许开发者创建一个包含多个导航项的界面,每个导航项对应一个单独的视图...

    小程序tabbar素材

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

    微信小程序底部tabbar图片

    在这个例子中,`iconPath`和`selectedIconPath`分别表示未选中和选中状态下的图标路径,`text`是对应的文本标签。 此外,我们还可以通过编写自定义组件或使用微信小程序的API动态改变tabBar的状态和样式,以实现更...

    ios-iOS自定义tabBar(包含OC和Swift版).zip

    1.方便自定义TabBar每个TabBarItem选中文本和未选中文本样式以及图片 2.通过Block控制TabBarItem能不能选中(可用于如登录控制等) 3.切换TabBarItem更简单 OC版仓库地址:...

    tabbar居中效果

    4. **自定义布局**:不使用`BottomNavigationView`,而是自己创建一个包含`RadioButton`或`ToggleButton`的布局,并通过`RadioGroup`或`LinearLayout`设置`gravity`为`center`,实现居中效果。 ### 总结 无论是iOS...

    自定义tabbar 例子

    为了让TabbarItem在选中和未选中时有动态效果,我们可以在`CustomTabBar`类中监听`UITabBarDelegate`的`tabBar(_:didSelect:)`方法,然后根据当前选中的索引更新相关TabbarItem的状态。 5. **资源准备** 根据...

    uniapp小程序tabbar图标

    文件名如set_001.png、set_002.png等,可能代表不同的tabbar选项,例如"设置",其选中和未选中状态的图标分别为set_001.png和set_002.png。同样,me_001.png、me_002.png可能是"个人中心"的图标,daohang_001.png、...

    tabbar图标素材.zip

    综上所述,"tabbar图标素材.zip"这个压缩包文件很可能包含了用于微信小程序的Tabbar图标设计资源,包括未选中和选中状态的图标。在开发过程中,理解并掌握这些相关知识点对于创建高效、美观且易用的微信小程序至关...

    uniapp自定义tabbar图标样式

    我们可以通过设置`list`属性来自定义图标,每个条目包含`text`(文本)和`iconPath`(未选中状态的图标路径)以及`selectedIconPath`(选中状态的图标路径)。你可以提供本地图片路径或者网络图片URL。 2. **图标...

    自定义tabBar

    - 可以通过创建自定义`UITabBarItem`子类,重写`- (void)setSelected:(BOOL)selected`方法来自定义选中和未选中的状态。 - 使用`UIImage`的`withRenderingMode:`方法设置图片渲染模式,确保图标颜色正确显示。 2....

    微信小程序demo:点击tabbar变换图标

    6. **配置文件**:在`app.json`或`page.json`中,我们需要定义TabBar的配置,包括文字、图标、选中状态下的图标等。例如: ```json "tabBar": { "custom": true, "color": "#7A7E83", "selectedColor": "#3cc51...

    ios-自定义tabbar.zip

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

    微信小程序tabbar图标素材

    4. **状态切换**:TabBar 图标通常有两种状态——选中和未选中。选中状态下的图标通常会更突出,颜色可能更亮或填充色不同,以明确当前所处的页面。 5. **动态效果**:为了增强交互体验,开发者还可以为 TabBar ...

    tabBar使用

    理解`tabBar`的工作原理以及如何与`UIViewController`协作是iOS开发中必不可少的技能。通过以上步骤,你应该能够实现一个基础的带有自定义行为的`tabBar`了。记得在`AppDelegate.swift`或`SceneDelegate.swift`中...

    自定义TabBar

    - 颜色和字体:可以修改文字颜色和字体,通过`tabBar.tintColor`设置选中时的文字颜色,通过`tabBarItem.titleTextAttributes`设置文字的样式。 2. **自定义UIAppearance** - `UIAppearance`协议允许开发者为整个...

    OC-高度自定义封装tabbar框架

    通过设置委托,开发者可以灵活地控制TabBar的行为,例如动态改变选中项、实现滑动切换等。 另外,对于标签(Tag)的使用,开发者可以为每个TabBar项添加自定义的Tag,这样在事件处理中可以根据Tag来区分不同的项,...

    IOS 用户自定义TabBar

    - **选中状态**:通常需要区分TabBarItem的选中状态和非选中状态,可以通过`selectedImage`和`unselectedImage`来设置。 - **颜色和背景**:可以修改TabBar的颜色和背景图片,通过`tintColor`和`barTintColor`属性...

    ios-LLImageTabBarController 图片式TabBar.zip

    同时,还可以通过代码或故事板的方式设置TabBar的样式,包括图片、颜色、选中状态等。 在实际开发中,LLImageTabBarController可能是通过Swift或Objective-C编写,兼容iOS的主要版本。开发者可以通过CocoaPods或...

Global site tag (gtag.js) - Google Analytics