更新记录 时间 | 版本修改 | | | 2020年4月19日| 初版 | 前言 iOS中许多app的主界面,都是由一个tabBar,控制着多个主界面的。比如微信中,主界面有4个TabBarItem,分别对应“聊天”,“通讯录”,“发现”,“我的”。 对于iOS的app,很大可能app的rootVi ...
分类:
其他好文 时间:
2020-04-20 01:22:41
阅读次数:
49
在TabBarItem设计的时候不需要title只要image的时候,如何将image居中显示。 这边用到的是TabBarItem的imageInsets属性: UIEdgeInsets设置偏移量 这边重要的一点是,top和bottom要设置成相反数,不然image的大小会一直改变。 ...
分类:
其他好文 时间:
2020-01-06 21:21:04
阅读次数:
97
在TabBarItem.vue文件中 <template> <div class="tab-bar-item" @click=itemClick> <div v-if='!isActive'> <slot name="item-icon"></slot> </div> <div v-else> <s ...
分类:
其他好文 时间:
2020-01-01 20:36:16
阅读次数:
126
UI丑却要继续做的感言: 对UI不满意的时候,就会觉得丑爆了,时间长了,却丑习惯了。 论前一阵子Tabbar 多丑,丑得最后不要tabbar了...但是自定义tabbar 和遇到的问题解决的过程可以记录一下 目标效果: 并有切换效果,但是并没说清楚,具体切换效果,比如粘滞,弹性? 于是我做了一个弹性 ...
分类:
移动开发 时间:
2018-09-05 00:41:57
阅读次数:
304
<script> // 引入 Tabbar组件 import mTabbar from './components/Tabbar' import mTabbarItem from './components/TabbarItem' // 引入 vuex 的两个方法 import {mapGetter ...
分类:
其他好文 时间:
2018-07-26 16:41:53
阅读次数:
176
步骤一: 打开文件build/webpack.base.conf.js, 找到modeule.exports = vuxLoader, 修改如下(并保存) 步骤二: 新建文件src/style/vux_theme.less, 然后打开该文件vux_theme.less,添加代码(后面用到的其它vux ...
分类:
其他好文 时间:
2018-06-24 00:30:22
阅读次数:
385
在为tabBar添加背景图片时会遇到图片颜色与原图不一致的情况 使用imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal更改图片渲染模式 举个栗子: navi.tabBarItem.image = [[UIImage imageNamed ...
分类:
其他好文 时间:
2017-10-31 17:43:18
阅读次数:
142
self.navigationItem.title = @"my title"; //sets navigation bar title. self.tabBarItem.title = @"my title"; //sets tab bar title. self.title = @"my tit ...
分类:
其他好文 时间:
2017-06-13 14:31:32
阅读次数:
154
在做项目的时候,假设使用系统的UITabBarController的时候,底部的tab自己定义图片显示是蓝色和灰色的。这不是我们所想要的效果。 假设想显示自己定义的按下和弹起的图片效果。这个时候就须要对TabBarItem进行改动。 下面就是详细的演示样例: var itemNameArray:[S ...
分类:
编程语言 时间:
2017-05-30 17:58:40
阅读次数:
168
//设置公共TabBarItem 的属性 [UITabBarItem appearance] //设置公共NavigationBar 的属性 [UIBarButtonItem appearance] //设置公共TabBarItem 的属性 [UITabBarItem appearance] //设 ...
分类:
移动开发 时间:
2017-05-01 12:06:57
阅读次数:
214