使用storyboard，设置tab bar Item的选中图片（selected Image）

最新推荐文章于 2018-04-12 11:28:36 发布
最新推荐文章于 2018-04-12 11:28:36 发布
阅读量5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： iOS 文章标签： storyboard selected Image
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sxh1234567/article/details/44984665
博客指出在Inspector中设置不可用的情况，给出解决办法，即使用user defined run time进行设置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在Inspector中设置不可用

这里写图片描述

可如此设置：使用 user defined run time
这里写图片描述

storyboard创建的：设置tabbar的item选中状态的颜色和图片
ioszhuang2015的专栏
05-13 2396
写一个继承自UITabBarController的类。添加如下代码： - (void)viewDidLoad { [super viewDidLoad]; self.tabBar.tintColor = [UIColor CMColor];//设置选中颜色 self.view.backgroundColor = [UIColor whiteColor];//防止pus
ios开发之Swift标签栏按钮UITabBarItem样式修改（图标文字尺寸，颜色等）
a544544544的博客
01-20 1052
UITabBarItem在开发中非常的常用了它可以用来设置字体颜色及图片的设置等等，下面我们来看一篇关于ios开发之Swift标签栏按钮UITabBarItem样式修改（图标文字尺寸，颜色等）的例子，具体的细节如下所示。 1，tabBarItem图片的推荐尺寸和最大支持尺寸 下面是标签栏（UITabBar）中tab按钮图标分别在1x、2x、3x下不会压缩变形的尺...
使用StoryBoard 创建tabbar并且手动设置 tabbar图片代码
weixin_34221775的博客
08-18 214
2019独角兽企业重金招聘Python工程师标准>>> ...
Storyboard教程-创建Tab Bar控制器和Web视图
iChenfy的专栏
11-18 3169
添加一个新的Tab 你可以使用tab bar界面来组织不同的操作模式。每一个tab 包含特定的功能。显然，在使用tab bar 控制器时，在App中至少包含2个tabs。因此，我们将创建一个新的Tab，用于显示App的About页面。 拖拉一个Navigation Controller 对象到Storyboard中。默认的导航控制器和表视图（Table View）控制器相关联。这里就保
一个演示xcode中Storyboard使用的小例子
05-07
一个演示xcode中Storyboard使用的小例子，出处为ios5 by tutorials这本书。详见raywenderlich.com
IOS源码——自定义Tab Bar的文字、颜色和图片加箭头.7z
10-09
- 为每个 `UITabBarItem` 添加图片，可以使用 `image` 属性设置未选中状态的图片，`selectedImage` 属性设置选中状态的图片。为了保证不同尺寸的设备上显示效果一致，通常需要提供不同分辨率的图片。 - 你还可以...
代码 实现UIDatePicker控件 和 Tab Bar 视图切换
07-04
本篇文章将详细讲解如何使用Swift或Objective-C实现`UIDatePicker`控件以及与`Tab Bar`视图间的切换。 首先，`UIDatePicker`是iOS中用于选择日期和时间的控件，常见于设置界面中。它提供了多种模式，如日期模式、...
（0101）-iOS／iPhone／iPAD／iPod源代码－选项卡（Tab Bar）-TweetBot TabBar
09-24
- 图片：使用`setFinishedSelectedImage:withFinishedUnselectedImage:`方法设置选中和未选中状态的图像。确保提供不同状态下的图像，以展示高亮效果。 2. **自定义选中高亮效果**： - `UITabBar`默认提供了简单...
（0090）-iOS／iPhone／iPAD／iPod源代码－选项卡（Tab Bar）-Customized TabBar Controller
09-16
但为了实现更精细的控制，我们可以设置`image`和`selectedImage`属性，分别指定未选中和选中状态下的图片： ```swift tabBarItem.image = UIImage(named: "unselectedIcon")?.withRenderingMode(.alwaysOriginal) ...
点击tabbar变换图标.rar
09-29
6. **利用Storyboard和IBInspectable**: 如果你的项目使用Storyboard，可以创建自定义的Tab Bar Item类，添加`IBInspectable`属性来暴露图标，这样可以在Interface Builder中直接设置。同时，可以在`awakeFromNib`...
Tab bar item的image 设置后，图片显示怪异
brook0344的专栏
12-25 4609
必须把图片设置成30X30才能正常显示，而且只有ALPHA通道被使用，其它的颜色值是没用的。 如果图片尺寸怪异，比如57X57护着37X334的话，显示的形状都很怪
设置 Tab Bar Item属性
weixin_34062329的博客
09-27 402
视图控制器至少需要设置标题和图片，可以在Interface Builder中设置Tab Bar Item，也可以在试图控制器类中覆盖initWithNibName:bundle:方法，示例如下。 -(id)initWithNibName:(NSString*)nibNamebundle:(NSBundle*)nibBundle{self=[super...
IOS设置Tab Bar item的颜色
IROYCN的博客
03-15 3189
很简单的，实现效果如下： 为选中：选中： step1： a) 设置selected image为选中后的图片（图片本身的颜色并不会起作用，默认会使用system default，所以只要选中后的图片形状。有镂空的图片注意阿尔法通道，不然会被覆盖） b) 设置title和image（未选中图片） step2: custom class，创建一个UITabBar
设置默认的tab 当使用storyboard时
liu132641的专栏
04-12 657
最近在使用tabbar viewController的时候遇到了如何将默认的显示第一个视图，而实际上需要显示的是第二个视图的问题，几经折腾才搞定，最后将方法总结如下：列子中，将默认显示视图改成默认显示第二个视图。具体目前发现的室友两种方法。方法一：直接在identity inspector中的“User Storyboard ID”中添加键值，这里以初始默认显示为第二个tab为例方法二：为相应的t...
storyboard(故事版)新手教程 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版
u013582514的专栏
11-22 2277
OSX系统10.10.5 Xcode版本7.1 本文图文详解如何初步使用故事版进行开发 1.打开Xcode  点击Create a new Xcode project 选择Single View Application Product Name随便其一个名字 之后点击Next
iOS之TabBar设置普通和选中状态图片
u011349387的专栏
08-16 928
// // AppDelegate.m // TabBar // // Created by roblonely on 15/8/16. // Copyright (c) 2015年 roblonely. All rights reserved. // #import "AppDelegate.h" @interface AppDelegate () @end @implement
如何在Storyboard中通过Tab Bar Controller设置多个模块的切换
最新发布
08-07
<think>我们参考了用户提供的引用内容，特别是引用[1]和引用[2]中关于如何将视图控制器嵌入到Tab Bar Controller的步骤，以及引用[3]中关于Tab Bar Controller的结构和连接方式。 用户的问题：如何在Storyboard中使用Tab Bar Controller实现多个模块之间的切换？ 我们将按照以下步骤进行说明： 1. 创建Tab Bar Controller并设置为初始控制器（如果需要） 2. 添加多个视图控制器（每个模块一个） 3. 将视图控制器连接到Tab Bar Controller作为子控制器 4. 配置每个子控制器的Tab Bar Item（图标和标题） 5. 关联自定义类（如果需要） 具体步骤： 步骤1：创建Tab Bar Controller - 如果项目已经有一个初始的ViewController，可以将其嵌入到Tab Bar Controller中（如引用[1]和[2]所述）。 - 打开Storyboard，选中当前的初始视图控制器（或任意一个你想作为第一个标签页的视图控制器），然后点击顶部菜单栏的Editor -> Embed In -> Tab Bar Controller。这样就会创建一个Tab Bar Controller，并将选中的视图控制器作为它的第一个子控制器。 步骤2：添加其他视图控制器 - 从对象库（Object Library）中拖拽新的视图控制器（View Controller）到画布上。每个视图控制器代表一个模块（标签页）。 步骤3：将视图控制器添加到Tab Bar Controller - 按住Control键，从Tab Bar Controller拖动到新添加的视图控制器上，释放鼠标。 - 在弹出的菜单中选择“Relationship Segue”下的“view controllers”（注意：是复数形式，表示添加到现有的子控制器数组中）。 - 重复此步骤，添加所有需要的视图控制器。 步骤4：配置每个标签页的Tab Bar Item - 选择每个子视图控制器，在它的Tab Bar Item（位于视图控制器底部的栏上）的属性检查器（Attributes Inspector）中设置： - System Item：可以选择系统提供的图标和标题（如Favorites、Search等） - 或者自定义： - Title：标签标题 - Image：标签图标（需要提前将图片资源添加到Assets中） 步骤5（可选）：关联自定义类 - 如果某个模块需要自定义逻辑，可以为对应的视图控制器创建新的类（继承自UIViewController或UITableViewController等），然后在Storyboard中选中该视图控制器，在Identity Inspector中设置Class为自定义的类。 步骤6：设置初始控制器 - 如果希望Tab Bar Controller作为应用的入口，确保Tab Bar Controller被设置为初始视图控制器（即其左侧有一个箭头指向它）。如果没有，可以选中Tab Bar Controller，然后在属性检查器中勾选“Is Initial View Controller”。 示例图（由于无法显示图片，用文字描述）： - 在Storyboard中，Tab Bar Controller会显示为一个带有底部Tab Bar的视图控制器，并且有多个指向其他视图控制器的关系连线（每个连线代表一个标签页）。 代码示例（如果需要通过代码创建，但用户要求Storyboard实现，所以以下仅供参考）： - 通常，使用Storyboard不需要编写代码来创建Tab Bar Controller和子控制器。但如果有特殊需求（比如根据条件动态显示不同的标签页），可以在AppDelegate中处理。 注意：每个子视图控制器都可以独立设计界面，并且可以有自己的导航控制器（如果需要导航功能，可以再嵌入到Navigation Controller中）。 下面是一个简单的步骤总结： 1. 创建Tab Bar Controller：通过Embed In方式创建，或直接从对象库拖拽一个Tab Bar Controller到画布。 2. 添加子控制器：通过Ctrl+拖动建立“view controllers”关系。 3. 配置每个标签页的标题和图标。 4. 设置初始控制器（如果需要）。 这样，运行应用后，底部就会出现Tab Bar，点击不同的标签即可切换模块。 相关问题： 1. 如何在Tab Bar Controller中嵌套导航控制器？ 2. 如何通过代码动态添加或删除标签页？ 3. 如何自定义Tab Bar的外观？ 4. 如何在不同标签页之间传递数据？ 5. 如何监听标签页的切换事件？ 我们根据用户的问题，重点回答了在Storyboard中如何设置，并提供了步骤。</think>### 在Storyboard中使用Tab Bar Controller实现多模块切换 以下是详细操作步骤，结合引用内容实现多模块切换： #### 核心步骤 1. **创建Tab Bar Controller** - 打开Storyboard，从对象库拖入`Tab Bar Controller` - 选中控制器 → 属性检查器 → 勾选 `Is Initial View Controller`（设置为主入口）[^3] 2. **添加子模块控制器** ```mermaid graph LR A[Tab Bar Controller] --> B[模块1 View Controller] A --> C[模块2 View Controller] A --> D[模块3 View Controller] ``` - 从对象库拖入多个`View Controller`（每个代表一个模块） - **关键操作**：按住`Ctrl`从Tab Bar Controller拖向子控制器 → 选择 `Relationship Segue` → `view controllers`[^3] 3. **配置模块标识** - 选中子控制器的`Tab Bar Item` → 属性检查器： - `System Item`：选择系统图标（如Favorites/History） - 或自定义： - `Title`：设置模块名称（如"首页"） - `Image`：设置图标（需提前导入图片资源） 4. **关联自定义类（可选）** - 为每个子控制器创建对应的.swift文件： ```swift class HomeVC: UIViewController { /* 模块1代码 */ } class ProfileVC: UIViewController { /* 模块2代码 */ } ``` - 在Storyboard中选中控制器 → Identity Inspector → 设置`Class`为自定义类名 #### 高级配置 1. **嵌套导航控制器** - 选中子控制器 → `Editor > Embed In > Navigation Controller` - 此时Tab Bar将显示带导航栏的模块（支持返回按钮）[^3] 2. **动态控制模块** ```swift // 代码切换当前模块 tabBarController?.selectedIndex = 1 // 切换到第2个模块 // 动态添加模块 let newVC = UIStoryboard(name: "New", bundle: nil).instantiateInitialViewController() tabBarController?.viewControllers?.append(newVC) ``` #### 效果验证 运行应用后： - 底部显示Tab Bar导航栏 - 点击不同图标切换模块视图 - 支持滑动切换（需开启`interaction`属性） > ⚠️ 常见问题解决： > - **图标不显示**：检查图片尺寸（推荐30x30@2x/3x） > - **布局错位**：确认未在Tab Bar Controller添加额外约束 > - **点击无响应**：检查Relationship Segue是否连接正确
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值