一种UITabBar个性化配置方法与流程

文档序号:13421488阅读:311来源:国知局
一种UITabBar个性化配置方法与流程

本发明涉及一种uitabbar个性化配置方法。



背景技术:

在ios开发中,uitabbar是应用软件app界面底部工具条,又称标签导航。如果uitabbarcontroller有n个子控制器,那么uitabbar内部就会有n个uitabbarbutton(标签导航按钮)作为子控件与之对应。uitabbar和uitabbarbutton的示例如图1所示。

uitabbarbutton里面显示什么内容由对应子控制器的tabbaritem属性来决定。uitabbaritem的属性影响uitabbarbutton的内容。点击不同的图标可以切换软件不同的功能版块。

但是。一方面,目前市场上所有app代表个人账户信息版块的底部uitabbarbutton图标均由app开发人员统一配置,则每个用户该功能版块的图标均相同,用户无法自己个性化配置,非常无趣;另一方面,考虑到图标要具备广泛的认知性,不让用户产生疑惑或误解,同时设计师又要避免抄袭,会对图标的形态,颜色,语义符号做小范围设计,但代表“我的”或“我”版块的图标仍基本雷同,并没有解决个性化配置和强化品牌特性问题。

“我”或者“我的”uitabbarbutton是个人账户相关资料管理功能入口,现有方案只满足提供功能入口需求,仍然有未覆盖到的需求:

①个人账户资料内容每个用户均不同,属于用户在app内的个人中心,最需要做个性化配置。而目前市面上的设计方案基本相似,图标均由app开发平台统一配置,用户无权限根据自己的需求作个性化管理。

②视觉搜索、定位、识别的效率相对一般,可用性上仍需进一步提升。

③现有系统设计过于笼统,冷漠且缺乏趣味性,也无法形成与品牌的强关联。



技术实现要素:

本发明所要解决的技术问题是针对现有技术中存在上述缺陷,提供一种灵活的uitabbar个性化配置方法。

根据本发明,提供了一种uitabbar个性化配置方法,包括:

在ios初始化时,在应用软件app界面底部添加一个uibarbutton,所述uibarbutton为默认隐藏;

根据服务端返回来判断是否存在用户头像图片的链接;

若判断不存在链接,则显示本地默认,此时uibarbutton隐藏;

若判断存在链接,则下载用户上传的图片。

优选地,在用户上传的图片下载成功的情况下,将在所下载的用户上传的图片的原图上进行效果处理后的图作为常态图,将所下载的用户上传的图片的原图作为高亮图。

优选地,所述效果处理是蒙层效果处理。

优选地,常态图对应于未选中状态。

优选地,高亮图对应于选中状态。

优选地,在每次切换uitabbar的tab时判断是否选择tab,然后更新uibarbutton显示高亮图还是常态图。

优选地,所述uitabbar个性化配置方法通过利用前端程序语言定义tabbaritem的属性来实现。

优选地,在服务端返回表示用户未注册或未登录或没有手动上传头像照片的情况时,判断不存在用户头像图片的链接。

优选地,在服务端返回表示用户手动上传头像照片的情况时,判断存在用户头像图片的链接。

本发明通过创新性地利用前端程序语言定义tabbaritem的属性,实现uitabbar中的uitabbarbutton用户可自己个性化配置功能,并将此项功能用于“我的”或“我”的功能版块,提升用户对个人账户信息版块的认知和管理效率,优化软件的可用性。本发明强化了用户对个人账户信息版块的功能认知,为用户管理个人账户资料提供高可用性的功能入口,提高了用户视觉定位和识别的效率,强化用户对个人信息版块的认知。而且,本发明满足了用户对app底部uitabbarbutton个性化,可自己配置的需求,提升用户对app的把控感和参与感、情感上的归属感和趣味性。

附图说明

结合附图,并通过参考下面的详细描述,将会更容易地对本发明有更完整的理解并且更容易地理解其伴随的优点和特征,其中:

图1示意性地示出了uitabbar和uitabbarbutton的示例。

图2示意性地示出了根据本发明优选实施例的uitabbar个性化配置方法的流程图。

图3示意性地示出了根据本发明优选实施例的uibarbutton显示常态图的示意。

图4示意性地示出了根据本发明优选实施例的uibarbutton显示高亮图的示意。

需要说明的是,附图用于说明本发明,而非限制本发明。注意,表示结构的附图可能并非按比例绘制。并且,附图中,相同或者类似的元件标有相同或者类似的标号。

具体实施方式

为了使本发明的内容更加清楚和易懂,下面结合具体实施例和附图对本发明的内容进行详细描述。

uitabbarbutton是工具栏和导航栏中的按钮,除了一般看到的按钮外,还有固定空格和可变空格,它们的作用是在各个按钮之间插入一定的空间。

例如在iphone中,工具栏位于屏幕底部,其按钮数不能超过5个,uitabbarbutton显示什么内容,由对应子控制器的uitabbaritem属性来决定。在本发明中,可以通过改变uitabbaritem的选中和非选中图片从而实现uitabbaritem的自定义,满足用户可自行个性化配置的功能,从而上传个人头像图。

例如,关键字段如下:

uinavigationcontroller*nav1=[[uinavigationcontrolleralloc]initwithrootviewcontroller:[[serviceproviderviewcontrolleralloc]init]];

nav1.tabbaritem.image=[imagenamed(@"tabicon1_unselect")imagewithrenderingmode:uiimagerenderingmodealwaysoriginal];

nav1.tabbaritem.selectedimage=[imagenamed(@"tabicon1_select")imagewithrenderingmode:uiimagerenderingmodealwaysoriginal];

nav1.tabbaritem.title=@"自定义文本";

具体地,图2示意性地示出了根据本发明优选实施例的uitabbar个性化配置方法的流程图。

如上述程序代码所示,图2所示的根据本发明优选实施例的uitabbar个性化配置方法可以通过利用前端程序语言定义tabbaritem的属性来实现。

更具体地,如图2所示,根据本发明优选实施例的uitabbar个性化配置方法包括:

第一步骤s1:在ios初始化时,在应用软件app(具体地,手机应用软件app,例如iphoneapp)界面底部添加一个uibarbutton,所述uibarbutton为默认隐藏;

第二步骤s2:根据服务端返回来判断是否存在用户头像图片的链接;

一方面,第三步骤s3:若判断不存在链接,则显示本地默认,此时uibarbutton隐藏。

具体地,例如,在用户未注册或未登录或没有手动上传头像照片的情况下,均不存在用户头像图片的链接;由此,在服务端返回表示用户未注册或未登录或没有手动上传头像照片的情况时,判断不存在用户头像图片的链接。

另一方面,第四步骤s4:若判断存在链接,则下载用户上传的图片;

具体地,例如,在服务端返回表示用户手动上传头像照片的情况时,判断存在用户头像图片的链接。

例如,可由用户手动上传头像图片,服务端即可获得图片链接。

根据服务端反馈的链接去下载用户上传的图片时,存在两种情况:

①在用户上传的图片下载成功的情况下,将在所下载的用户上传的图片的原图上进行效果处理(例如蒙层效果处理)后的图作为常态图(即非选中状态),如图3所示;而所下载的用户上传的图片的原图作为高亮图(uibarbutton显示,即选中状态),如图4所示(第五步骤s5)。并且,可以在每次切换uitabbar的tab时判断是否选择tab,然后更新uibarbutton显示高亮图还是常态图。

②下载失败则显示本地默认(uibarbutton隐藏)。

由此,本发明实现了uitabbar中的uitabbarbutton用户可自己个性化配置功能,并将此项功能用于“我的”或“我”的功能版块,提升用户对个人账户信息版块的认知和管理效率,并营造产品的趣味感和品牌亲和力。

与目前各大app应用平台系统统一配置的雷同方案相比,用户通过采用本发明可自行通过上传个人头像图片,系统在配置uitabbaritem中的图标属性时,自动调用用户上传的图片链接,从而定义用户个人头像图片为个人资料管理入口,此设计方案在视觉搜索、定位和视觉识别效率上,拥有更高的可用性。

本发明满足了用户个性化配置uitabbarbutton的需求,一方面可强化版块认知,培养用户认知思维习惯;另一方面可增强用户对产品的把控感、参与感、归属感,还可提高产品的趣味性和互动性。

需要说明的是,除非特别指出,否则说明书中的术语“第一”、“第二”、“第三”等描述仅仅用于区分说明书中的各个组件、元素、步骤等,而不是用于表示各个组件、元素、步骤之间的逻辑关系或者顺序关系等。

可以理解的是,虽然本发明已以较佳实施例披露如上,然而上述实施例并非用以限定本发明。对于任何熟悉本领域的技术人员而言,在不脱离本发明技术方案范围情况下,都可利用上述揭示的技术内容对本发明技术方案作出许多可能的变动和修饰,或修改为等同变化的等效实施例。因此,凡是未脱离本发明技术方案的内容,依据本发明的技术实质对以上实施例所做的任何简单修改、等同变化及修饰,均仍属于本发明技术方案保护的范围内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1