【IOS-UIKit学习】模仿设置界面

Myth丶恋晨 2022-12-10 04:51 290阅读 0赞

一、描述

1.需求分析  
1)原始界面  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center]  
2）组件分析

I.整体分析：看构造主体为tableview因此采用tableview设置此页面

II.部件分析

A.头部:”设置“标题  
采用UIView+UILabel（text属性设置为"设置"），并将其放在tableview

B.searchBar  
采用searchBar，需要设置holderplace为搜索和旁边的取消按钮

C.Cell  
三个section(段)，分别含有1，4，5个row(行)，不同行需要根据需求设置图标以及">"、子标题和开关组件。

a.设置">":

cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;

b.设置"开关组件"

UISwitch *switchview = [[UISwitch alloc] initWithFrame:CGRectZero];
                    // 设置右边的组件
                    cell.accessoryView = switchview;

c.设置子标题（设置为value1的cell 使用detailText进行设置）

d.设置图标（设置cell的imageView）  
图标  
3）效果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center 1]  
图标下载：https://mp.csdn.net/console/upDetailed?utm\_medium=fe.tool\_bar\_second.download.my\_resources

二、代码

//
    // TableViewController.m
    // Demo
    //
    // Created by 吴伟 on 2020/9/22.
    //
    
    #import "TableViewController.h"
    
    @interface TableViewController ()
    
    @end
    
    @implementation TableViewController
    
    // 设置整体组件
    - (void)viewDidLoad { 
        [super viewDidLoad];
        // 附加组件才需要在这儿引入？？
        
        // 调用header
        self.tableView.tableHeaderView=[self getTableHeaderView];
    
        // 调用searchBar
        [self setSearchBar];
        
    }
    
    - (void)setSearchBar{ 
        
        UISearchBar *searchBar=[[UISearchBar alloc]initWithFrame:CGRectMake(10, 68, 300, 28)];
        
            searchBar.placeholder=@"搜索";
    
        // 去背景色
        searchBar.searchBarStyle=UISearchBarStyleMinimal;
        // 显示取消按钮
        [searchBar setShowsCancelButton:YES animated:YES];
        // 添加进此view中
        [self.view addSubview:searchBar];
    }
    
    // 设置点击事件
    - (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar{ 
        [searchBar resignFirstResponder]; //searchBar失去焦点
           UIButton *cancelBtn = [searchBar valueForKey:@"cancelButton"]; //首先取出cancelBtn
           cancelBtn.enabled = YES; //把enabled设置为yes
    }
    
    // 设置头部（View+Label）
    - (UIView*)getTableHeaderView{ 
        UIView* vc=[[UIView alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 110)];
        UILabel* label=[[UILabel alloc]initWithFrame:CGRectMake(20, 30, [UIScreen mainScreen].bounds.size.width, 40)];
        label.font=[UIFont boldSystemFontOfSize:26];
        label.text=@"设置";
        label.textColor=[UIColor blackColor];
        [vc addSubview:label];
        return vc;
    }
    
    #pragma mark - Table view data source
    // 设置段数
    - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { 
        return 3;
    }
    // section:段、row:行
    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { 
        switch (section) { 
            case 0:
                section = 1;
                break;
            case 1:
                section = 5;
                break;
            case 2:
                section=4;
                break;
            default:
                break;
        }
        return section;
    }
    // cellForRowIndexPath 设置section、row中的内容
    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { 
        
        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:[NSString stringWithFormat:@"%ld,%ld",(long)indexPath.section,(long)indexPath.row] ];
        
        int types[]={ 
            UITableViewCellStyleSubtitle
            ,UITableViewCellStyleValue1
            ,UITableViewCellStyleValue2
        };
        
        NSString *text1
        []=
        { 
             @"飞行模式"
            ,@"无线局域网"
            ,@"蓝牙"
            ,@"窝峰网络"
            ,@"个人热点"
        };
        NSString *text2
        []=
        { 
             @"通知"
            ,@"声音与触感"
            ,@"勿扰模式"
            ,@"屏幕使用时间"
        };
        
        NSString *icon1
        []=
        { 
            @"飞行模式"
           ,@"无限局域网"
           ,@"蓝牙"
           ,@"蜂窝数据"
           ,@"热点"
        };
        NSString *icon2
        []=
        { 
            @"通知"
           ,@"声音"
           ,@"勿扰模式"
           ,@"沙漏倒计时"
        };
    
        if(cell==nil){ 
            // 使用initWithCell进行row创建（三种形式）
            cell=[[UITableViewCell alloc]initWithStyle:types[indexPath.section] reuseIdentifier:[NSString stringWithFormat:@"%ld,%ld",(long)indexPath.section,(long)indexPath.row]];
            
            if(indexPath.section == 0){ 
                [cell initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cellID"];
                // 设置标题
                cell.textLabel.text = @"吴伟";
                // 设置子标题
                cell.detailTextLabel.text = @"Apple ID、iCloud、媒体与购买项目";
                // 设置imageView
                [cell.imageView setImage:[UIImage imageNamed:@"Icon"]];
                // 设置圆角头像
                cell.imageView.layer.masksToBounds = YES;
    
                cell.imageView.layer.cornerRadius = 20;
                // 设置右边箭头
                cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;
                    }
    
            if(indexPath.section == 1){ 
               
                [cell initWithStyle:types[1] reuseIdentifier:[NSString stringWithFormat:@"%ld,%ld",(long)indexPath.section,(long)indexPath.row]];
                
                cell.textLabel.text = text1[indexPath.row];
                
                [cell.imageView setImage:[UIImage imageNamed:icon1[indexPath.row]]];
              
                if(indexPath.row==0){ 
                    
                    UISwitch *switchview = [[UISwitch alloc] initWithFrame:CGRectZero];
                    // 设置右边的组件
                    cell.accessoryView = switchview;
    //
                }else{ 
                    
                    NSString *title
                    []={ 
                         @"未连接"
                        ,@"打开"
                        ,@""
                        ,@"关闭"
                    };
                    
                    cell.detailTextLabel.text=title[indexPath.row];
                    cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;
                }
            }
            
            if(indexPath.section == 2){ 
                
                [cell initWithStyle:types[1] reuseIdentifier:[NSString stringWithFormat:@"%ld,%ld",(long)indexPath.section,(long)indexPath.row]];
                
                
                cell.textLabel.text = text2[indexPath.row];
                        [cell.imageView setImage:[UIImage imageNamed:icon2[indexPath.row]]];
            
                cell.accessoryType=UITableViewCellAccessoryDisclosureIndicator;
              }
            }
            
        if(indexPath.section==0){ 
            CGSize itemSize = CGSizeMake(40, 40);//希望显示的大小
               UIGraphicsBeginImageContextWithOptions(itemSize, NO, UIScreen.mainScreen.scale);
               CGRect imageRect = CGRectMake(0.0, 0.0, itemSize.width, itemSize.height);
               [cell.imageView.image drawInRect:imageRect];
               cell.imageView.image = UIGraphicsGetImageFromCurrentImageContext();
               UIGraphicsEndImageContext();
        }else{ 
            
            CGSize itemSize = CGSizeMake(25, 25);//希望显示的大小
               UIGraphicsBeginImageContextWithOptions(itemSize, NO, UIScreen.mainScreen.scale);
               CGRect imageRect = CGRectMake(0.0, 0.0, itemSize.width, itemSize.height);
               [cell.imageView.image drawInRect:imageRect];
               cell.imageView.image = UIGraphicsGetImageFromCurrentImageContext();
               UIGraphicsEndImageContext();
        }
               
        return cell;
    }
    
    - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{ 
        UIAlertController* alert=[UIAlertController alertControllerWithTitle:[NSString stringWithFormat:@"我是第%ld个section中的第%ld个cell",indexPath.section,(long)indexPath.row] message:nil preferredStyle:UIAlertControllerStyleAlert];
        UIAlertAction* okAction=[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:nil];
        [alert addAction:okAction];
        [self presentViewController:alert animated:YES completion:nil];
    }
    
    - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{ 
        return 30;
    }
    /* // Override to support conditional editing of the table view. - (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath { // Return NO if you do not want the specified item to be editable. return YES; } */
    
    /* // Override to support editing the table view. - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath { if (editingStyle == UITableViewCellEditingStyleDelete) { // Delete the row from the data source [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade]; } else if (editingStyle == UITableViewCellEditingStyleInsert) { // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view } } */
    
    /* // Override to support rearranging the table view. - (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath { } */
    
    /* // Override to support conditional rearranging of the table view. - (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath { // Return NO if you do not want the item to be re-orderable. return YES; } */
    
    /* #pragma mark - Navigation // In a storyboard-based application, you will often want to do a little preparation before navigation - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender { // Get the new view controller using [segue destinationViewController]. // Pass the selected object to the new view controller. } */
    
    @end

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/01dbede3fd1147b695afb1023cb68ae5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjU0OTc0_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/590898835798463eb17f0532a199a65d.png