iOS 两个按钮切换显示不同状态和页面

最新推荐文章于 2022-12-14 11:11:34 发布

Yuna_

最新推荐文章于 2022-12-14 11:11:34 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： IOS

本文链接：https://blog.youkuaiyun.com/ycf03211230/article/details/54134473

IOS 专栏收录该内容

57 篇文章

订阅专栏

本文介绍了一种在iOS应用中实现TabBar按钮切换时显示选中与未选中状态的方法。通过设置按钮背景图片及文字颜色来区分按钮的状态，并在点击事件中更新这些属性以实现视觉上的切换效果。

先看张效果图，略丑，见谅！

这里写图片描述

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];

    self.navigationController.navigationBar.translucent = NO;//不加 否则view的高度从最顶部开始


    float spaWidth = self.view.frame.size.width/2.0;

    UIButton *btn1 = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, spaWidth, 40)];
    btn1.tag = 100;
    [btn1 setTitle:@"第一个" forState:UIControlStateNormal];
    [btn1 setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    [btn1 setBackgroundImage:[UIImage imageNamed:@"btn4_check.png"] forState:UIControlStateNormal];
    [btn1 setBackgroundImage:[UIImage imageNamed:@"btn4_check.png"] forState:UIControlStateHighlighted];
    [btn1 addTarget:self action:@selector(onClick:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn1];


    UIButton *btn2 = [[UIButton alloc] initWithFrame:CGRectMake(spaWidth, 0, spaWidth, 40)];
    btn2.tag = 200;
    [btn2 setTitle:@"第二个" forState:UIControlStateNormal];
    [btn2 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [btn2 setBackgroundImage:[UIImage imageNamed:@"btn4_uncheck.png"] forState:UIControlStateNormal];
    [btn2 setBackgroundImage:[UIImage imageNamed:@"btn4_check.png"] forState:UIControlStateHighlighted];
    [btn2 addTarget:self action:@selector(onClick:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:btn2];


}

- (void)onClick:(UIButton *)sender{

    UIButton *btn1 = (UIButton *)[self.view viewWithTag:100];
    UIButton *btn2 = (UIButton *)[self.view viewWithTag:200];
    if (sender.tag == 100) {

        [btn1 setBackgroundImage:[UIImage imageNamed:@"btn4_check.png"] forState:UIControlStateNormal];
         [btn2 setBackgroundImage:[UIImage imageNamed:@"btn4_uncheck.png"] forState:UIControlStateNormal];
        [btn1 setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        [btn2 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    }else{

        [btn2 setBackgroundImage:[UIImage imageNamed:@"btn4_check.png"] forState:UIControlStateNormal];
        [btn1 setBackgroundImage:[UIImage imageNamed:@"btn4_uncheck.png"] forState:UIControlStateNormal];

        [btn2 setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        [btn1 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    }

}