简洁的ios小界面

最新推荐文章于 2025-06-25 16:21:35 发布

原创最新推荐文章于 2025-06-25 16:21:35 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #界面

iOS 专栏收录该内容

58 篇文章

订阅专栏

本文分享了如何设计并实现两个界面，包括自定义视图布局、使用XIB文件添加控件、设置富文本标签样式及创建表格视图。通过实例代码详细介绍了每个步骤，并提供了界面代码下载链接。

下午写写了个小东西小界面

有需要的可以直接拿过来用，简洁，挺好看，自我感觉；

写界面其实就是自上而下的在view加空间，注意一下位置就行了

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        CGRect screenSize = [[UIScreen mainScreen]bounds];
        
        //无货物信息图片
        UIImageView *image = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 160, 100)];
        image.center = CGPointMake(screenSize.size.width/2,screenSize.size.height/2-15-55);
        image.image = [UIImage imageNamed:@"nocargo.jpg"];
        image.backgroundColor = [UIColor orangeColor];
        [self addSubview:image];

        //你还没有收货地址label
        UILabel *noLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 160, 30)];
        noLabel.center =CGPointMake(screenSize.size.width/2,screenSize.size.height/2 );
        noLabel.text = @"您还没有收获地址";
        noLabel.textAlignment = NSTextAlignmentCenter;
        noLabel.font = [UIFont fontWithName:@"Helvetica" size:19];
        [self addSubview:noLabel];
        
        //请添加新地址label
        UILabel *addLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 150, 30)];
        addLabel.center =CGPointMake(screenSize.size.width/2,screenSize.size.height/2+30);
        addLabel.text = @"请添加新地址";
        addLabel.textAlignment = NSTextAlignmentCenter;
        addLabel.font = [UIFont fontWithName:@"Helvetica" size:15];
        [self addSubview:addLabel];
        
        //添加新地址按钮设置
        addAddressBtn = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 150, 30)];
        addAddressBtn.center = CGPointMake(screenSize.size.width/2,screenSize.size.height-40 );
        [addAddressBtn setTitle:@"添加新地址" forState:UIControlStateNormal];
        [addAddressBtn addTarget:self action:@selector(addAddressBtnClick) forControlEvents:UIControlEventTouchDown];
        addAddressBtn.layer.borderWidth = 1;
        addAddressBtn.layer.cornerRadius = 5;
        addAddressBtn.layer.borderColor = [UIColor redColor].CGColor;
        addAddressBtn.titleLabel.font = [UIFont fontWithName:@"Helvetica" size:18];
        addAddressBtn.titleLabel.textColor = [UIColor redColor];
        [self addSubview:addAddressBtn];
        
        self.backgroundColor =  [UIColor colorWithRed:238/255.0 green:238/255.0 blue:238/255.0 alpha:1]; ;
    }
    return self;
}

以上就是第一个页面的所有内容；

我们来看一下第二张图吧

xib 中添加控件实现这个效果三个都是label；设置一下字体什么的就行最后加一个小图片箭头

注意在地址中我们用到了富文本label 将【默认】设置为红色，看第二幅图；

NSMutableAttributedString *str = [[NSMutableAttributedString alloc] initWithString:@"Using NSAttributed String"];
[str addAttribute:NSForegroundColorAttributeName value:[UIColor blueColor] range:NSMakeRange(0,5)];
[str addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(6,12)];
[str addAttribute:NSForegroundColorAttributeName value:[UIColor greenColor] range:NSMakeRange(19,6)];
[str addAttribute:NSFontAttributeName value:[UIFont fontWithName:@"Arial-BoldItalicMT" size:30.0] range:NSMakeRange(0, 5)];
[str addAttribute:NSFontAttributeName value:[UIFont fontWithName:@"HelveticaNeue-Bold" size:30.0] range:NSMakeRange(6, 12)];
[str addAttribute:NSFontAttributeName value:[UIFont fontWithName:@"Courier-BoldOblique" size:30.0] range:NSMakeRange(19, 6)];
attrLabel.attributedText = str;

本段代码来自http://www.cnblogs.com/taintain1984/p/3550525.html；

下面是在设置tablecell的代码；

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *cellIdentifier = @"cellIdentifier";
    NSDictionary *dictionary = [tableArray objectAtIndex:indexPath.row];
    TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    if(cell==nil)
    {
        cell =  [[NSBundle mainBundle] loadNibNamed:@"TableViewCell" owner:nil options:nil][0];
    }
    cell = [cell setCelldictionary:dictionary];
    return cell;
}

最后有一个地方就是我们写完tableview的时候是第三幅图的样子，后面没有内容了但是还是有表格线，那我们怎么办呢。。

只要加上一句话就够了

self.tableFooterView = [[UIView alloc]init];

self 是tableview；

其他的就没什么了，主要是为了帮忙，写了两个界面，记录一下不熟练的地方；

界面代码下载地址：http://download.youkuaiyun.com/detail/u010123208/8013673