簡潔的ios小界面 – iPhone手機開發技術文章 iPhone軟體開發教學課程

下午寫寫瞭個小東西小界面

有需要的可以直接拿過來用 ,簡潔,挺好看,自我感覺;

寫界面其實就是自上而下的在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;

本段代碼來自https://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];

 

 

發佈留言