彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 彩世界平台 > 导航栏的BarButtonItem上面同时添加图片和文字偏移

导航栏的BarButtonItem上面同时添加图片和文字偏移

发布时间:2019-09-17 07:54编辑:彩世界平台浏览(167)

    导航栏的左右按钮,有时不想用系统自带的效果,想自己设计,比如这样:

    //自定义导航栏多个右按钮

    图片 1

    UIButton* myCollectionButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 45, 35)];

    [myCollectionButton setTitle:@"我的收藏" forState:UIControlStateNormal];

    myCollectionButton.titleLabel.font = [UIFont systemFontOfSize:11];

    [myCollectionButton addTarget:self action:@selector(myCollectionAction:) forControlEvents:UIControlEventTouchUpInside];

    UIImageView* myCollectionImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"我的收藏"]];

    myCollectionImage.frame = CGRectMake(myCollectionButton.frame.size.width / 4, 0, 20, 20);

    [myCollectionButton addSubview:myCollectionImage];

    //调用方法

    [self initButton:myCollectionButton];

    UIBarButtonItem* checkBar = [[UIBarButtonItem alloc] initWithCustomView:checkButton];

    UIBarButtonItem* secrchBar = [[UIBarButtonItem alloc] initWithCustomView:secrchButton];

    UIBarButtonItem* myCollectionBar = [[UIBarButtonItem alloc] initWithCustomView:myCollectionButton];

    //添加多个按钮(我只写了一个按钮,其余两个按钮相同设置)

    self.navigationItem.rightBarButtonItems = @[secrchBar, myCollectionBar, checkBar];

    self.navigationItem.rightBarButtonItem.tintColor = [UIColor whiteColor];

    要图片和文字共存,首先图片的frame加上文字的frame不能比按钮的frame大。

    //使其按钮 文字与图片垂直显示

    - (void)initButton:(UIButton*)button {

    button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//使图片和文字水平居中显示

    button.contentVerticalAlignment = UIControlContentVerticalAlignmentBottom;//使按钮靠下显示

    [button setTitleEdgeInsets:UIEdgeInsetsMake(button.imageView.frame.size.height ,-button.imageView.frame.size.width, 0.0,0.0)];//文字距离上边框的距离增加imageView的高度,距离左边框减少imageView的宽度,距离下边框和右边框距离不变

    [button setImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -button.titleLabel.bounds.size.width)];//图片距离右边框距离减少图片的宽度,其它不边

    }

    图片 2一般正常写法即可

    这样写的效果是图片和文字,都会紧贴左边的边框,给按钮加个间隔

    本文由彩世界平台发布于彩世界平台,转载请注明出处:导航栏的BarButtonItem上面同时添加图片和文字偏移

    关键词:

上一篇:我的事 你的事 天的事

下一篇:没有了