悬浮TabBar的实现--此段代码来自网络

Posted supercoder

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了悬浮TabBar的实现--此段代码来自网络相关的知识,希望对你有一定的参考价值。

悬浮TabBar的实现

这个TabBar看着像是用自定义TabBar做的,但事实上它还是用的系统的TabBar,给系统的tabBar.backgroundImage设置一张设计好的背景图片。

技术分享
TabBar.8

添加后会发现顶部有一条阴影线,并且TabBar的高度也不够。阴影线与上图绿色线条之间变成了透明颜色,实现下面方法隐藏阴影线,并且调高TabBar的高度。

技术分享
TabBar.9
//隐藏阴影线
    [[UITabBar appearance] setShadowImage:[UIImage new]];
- (void)setupTabBarBackgroundImage {
    UIImage *image = [UIImage imageNamed:@"tab_bg"];

    CGFloat top = 40; // 顶端盖高度
    CGFloat bottom = 40 ; // 底端盖高度
    CGFloat left = 100; // 左端盖宽度
    CGFloat right = 100; // 右端盖宽度
    UIEdgeInsets insets = UIEdgeInsetsMake(top, left, bottom, right);
    // 指定为拉伸模式,伸缩后重新赋值
    UIImage *TabBgImage = [image resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];
    self.tabBar.backgroundImage = TabBgImage;

    [[UITabBar appearance] setShadowImage:[UIImage new]];
    [[UITabBar appearance] setBackgroundImage:[[UIImage alloc]init]];
}

//自定义TabBar高度
- (void)viewWillLayoutSubviews {

    CGRect tabFrame = self.tabBar.frame;
    tabFrame.size.height = 60;
    tabFrame.origin.y = self.view.frame.size.height - 60;
    self.tabBar.frame = tabFrame;

}



文/JIAAIR(简书作者)
原文链接:http://www.jianshu.com/p/5b1341e97757
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。






以上是关于悬浮TabBar的实现--此段代码来自网络的主要内容,如果未能解决你的问题,请参考以下文章

小程序 tabbar

css3代码实现的鼠标悬浮按钮效果代码实例

CSS3实现的鼠标悬浮开门关门效果代码实例

不用js怎样实现悬浮导航

python 来自puddletag的代码片段

text 来自Codyhouse框架的Browserlist片段源代码