iOS之創建表格類視圖WBDataGridView

来源:http://www.cnblogs.com/rglmuselily/archive/2017/02/10/6385261.html
-Advertisement-
Play Games

項目中創建表格, 引用頭文件 #import "WBDataGridView.h" - (void)viewDidLoad{ [superviewDidLoad]; // Do any additional setup after loading the view. self.view.backgr ...


項目中創建表格, 引用頭文件

#import "WBDataGridView.h"

  

- (void)viewDidLoad{

    [superviewDidLoad];

    // Do any additional setup after loading the view.

    self.view.backgroundColor = [UIColorwhiteColor];

    

    CGFloat margin = 10.f;

    CGFloat width = self.view.frame.size.width -2*margin;

    

    // - 添加表格 - 兩列

    WBDataGridView *DataGrid = [[WBDataGridViewalloc] initWithFrame:CGRectMake(margin,4*margin , width, 0)

                                                        andColumnsWidths:@[@(width*0.4),@(width*0.6)]];

    

    DataGrid.roundCorner = YES;

    

    [DataGrid addRecord:@[@"姓名",@"dylan_lwb_"]];

    [DataGrid addRecord:@[@"性別",@"男"]];

    [DataGrid addRecord:@[@"電話",@"110119120"]];

    [DataGrid addRecord:@[@"郵箱",@"[email protected]"]];

    

    [self.viewaddSubview:DataGrid];

    

    // - 添加表格 - 多列

    WBDataGridView *MoreDataGrid = [[WBDataGridViewalloc]initWithFrame:CGRectMake(margin,CGRectGetMaxY(DataGrid.frame) +2*margin , width, 0)

                                                            andColumnsWidths:@[@(width*0.2),@(width*0.2),@(width*0.2),@(width*0.4)]];

    

    MoreDataGrid.roundCorner = YES;

    

    [MoreDataGrid addRecord:@[@"姓名",@"姓名",@"姓名",@"dylan_lwb_"]];

    [MoreDataGrid addRecord:@[@"性別",@"性別",@"性別",@"男"]];

    [MoreDataGrid addRecord:@[@"電話",@"電話",@"電話",@"110119120"]];

    [MoreDataGrid addRecord:@[@"郵箱",@"郵箱",@"郵箱",@"[email protected]"]];

    

    [self.viewaddSubview:MoreDataGrid];

}

 

//  WBDataGridView.h 

#import <UIKit/UIKit.h>

 

extern NSString *const SwitchButtonString;

 

@interface WBDataGridView : UIView

 

@property (retain,nonatomic) NSArray *columnsWidths;

@property (assign,nonatomic) NSUInteger lastRowHeight;

@property (retain,nonatomic) UIImage *selectedImage;

@property (retain,nonatomic) UIImage *unselectedImage;

@property (assign,nonatomic) BOOL roundCorner;

 

- (id)initWithFrame:(CGRect)frame andColumnsWidths:(NSArray*)columns;

- (void)addRecord:(NSArray*)record;

- (NSUInteger)selectedIndex;

 

@end

 

//  WBDataGridView.m 

#import "WBDataGridView.h"

 

NSString * const SwitchButtonString =@"SwitchButtonString";

 

@interface WBDataGridView ()

 

@property (assign,nonatomic) NSUInteger numRows;

@property (assign,nonatomic) NSUInteger dy;

@property (retain,nonatomic) NSMutableArray *switchButtons;

 

@end

 

@implementation WBDataGridView

 

- (id)initWithFrame:(CGRect)frame andColumnsWidths:(NSArray*)columns{

    self = [superinitWithFrame:frame];

    if (self)

    {

        self.numRows =0;

        self.columnsWidths = columns;

        self.dy =0;

        self.numRows =0;

        self.switchButtons = [NSMutableArrayarray];

    }

    return self;

}

  

- (void)addRecord: (NSArray*)record

{

    if(record.count !=self.columnsWidths.count)

    {

        NSLog(@"!!! Number of items does not match number of columns. !!!");

        return;

    }

    

    self.lastRowHeight =42;

    uint dx = 0;

    

    NSMutableArray* labels = [NSMutableArrayarray];

    

    // - create the items/columns of the row

    for(uint i=0; i<record.count; i++)

    {

        float colWidth = [[self.columnsWidthsobjectAtIndex:i] floatValue];//colwidth as given at setup

        CGRect rect = CGRectMake(dx, self.dy, colWidth,self.lastRowHeight);

        

        // - adjust X for border overlapping between columns

        if(i>0)

        {

            rect.origin.x -= i;

        }

        

        NSString *oneRecord = [record objectAtIndex:i];

        

        if ([oneRecord isEqualToString:SwitchButtonString])

        {

            // - set the switch button string as empty, create a label to adjust a cell first, then add the switch upon the label

            oneRecord = @"";

        }

        

        UILabel* col1 = [[UILabelalloc] init];

        [col1.layersetBorderColor:[[UIColorcolorWithWhite:0.821alpha:1.000]CGColor]];

        [col1.layer setBorderWidth:1.0];

        col1.font = [UIFontfontWithName:@"Helvetica"size:self.numRows ==0 ? 14.0f :12.0f];

        col1.textColor = [UIColordarkGrayColor];

        col1.frame = rect;

        

        // - round corner

        if ([selfisRoundCorner:i])

        {

            col1.layer.cornerRadius =5;

            col1.layer.masksToBounds =YES;

        }

        

        // - set left reght margins&alignment for the label

        NSMutableParagraphStyle *style =  [[NSParagraphStyledefaultParagraphStyle]mutableCopy];

        style.alignment =NSTextAlignmentCenter;

        

        NSAttributedString *attrText = [[NSAttributedStringalloc]initWithString:oneRecordattributes:@{NSParagraphStyleAttributeName : style}];

        

        col1.lineBreakMode =NSLineBreakByCharWrapping;

        col1.numberOfLines = 0;

        col1.attributedText = attrText;

        [col1 sizeToFit];

        

        // - used to find height of longest label

        CGFloat h = col1.frame.size.height +10;

        if(h > self.lastRowHeight){

            self.lastRowHeight = h;

        }

        

        // - make the label width same as columns's width

        rect.size.width = colWidth;

        col1.frame = rect;

        

        [labels addObject:col1];

        

        // - used for setting the next column X position

        dx += colWidth;

    }

    

    // - make all the labels of same height and then add to view

    for(uint i=0; i<labels.count; i++)

    {

        UILabel* tempLabel = (UILabel*)[labelsobjectAtIndex:i];

        CGRect tempRect = tempLabel.frame;

        tempRect.size.height =self.lastRowHeight;

        tempLabel.frame = tempRect;

        [self addSubview:tempLabel];

    }

    

    // - add the switch button at the first column in current row

    if ([record.firstObjectisEqualToString:SwitchButtonString])

    {

        UILabel *firstlabel = labels.firstObject;

        UIButton *oneSwitchButton = [[UIButtonalloc] initWithFrame:CGRectMake(0,0, [self.columnsWidths.firstObjectintegerValue], 40)];

        oneSwitchButton.center = firstlabel.center;

        [oneSwitchButton addTarget:selfaction:@selector(tapedSwitchButton:)forControlEvents:UIControlEventTouchUpInside];

        [oneSwitchButton setBackgroundImage:self.selectedImageforState:UIControlStateSelected];

        [oneSwitchButton setBackgroundImage:self.unselectedImageforState:UIControlStateNormal];

        [self.switchButtonsaddObject:oneSwitchButton];

        

        // - default selected first row button

        if (self.switchButtons.firstObject == oneSwitchButton)

        {

            oneSwitchButton.selected = YES;

        }

        

        [self addSubview:oneSwitchButton];

    }

    

    self.numRows++;

    

    // - adjust Y for border overlapping beteen rows

    self.dy +=self.lastRowHeight-1;

    

    CGRect tempRect = self.frame;

    tempRect.size.height =self.dy;

    self.frame = tempRect;

}

 

- (void)tapedSwitchButton:(UIButton *)button

{

    button.selected = !button.selected;

    

    [self.switchButtonsenumerateObjectsUsingBlock:^(id obj,NSUInteger idx, BOOL *stop) {

        UIButton *oneButton = obj;

        

        if (oneButton != button)

        {

            oneButton.selected = NO;

        }

    }];

}

 

- (NSUInteger)selectedIndex

{

    __block NSUInteger index =0;

    

    [self.switchButtonsenumerateObjectsUsingBlock:^(id obj,NSUInteger idx, BOOL *stop) {

        UIButton *oneButton = obj;

        

        if (oneButton.selected ==YES)

        {

            index = idx;

            *stop = YES;

        }

    }];

    return index;

}

 

- (BOOL)isRoundCorner:(NSInteger)row

{

    return NO;

}

 

@end

     
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 外觀模式 目的:的意圖是為子系統提供一個介面,方便其使用。 外觀模式常用於一些常規的應用程式的開發,因為一般都會對子系統的類進行重構,所以外觀類主要的職責就是為了給子系統提供簡單的訪問方式, 使其有一個明確的目的,從而完成對系統的重構。外觀類介於工具類和應用程式之間。 要註意實例與外觀的區別: 1、 ...
  • 官網:http://www.haproxy.org/ 個人感覺haproxy學習的重點在於配置上,把配置文檔搞懂了就明白大部分套路了。不過本篇內容屬於入門學習:1.使用haproxy簡單的實現負載均衡的效果。2.使用自帶監控查看效果。後續待學習的方向是訪問日誌配置、優化等~ 簡介: 我在虛擬機上裝的 ...
  • 一,基本思路:利用C#的標簽和反射功能實現自定義輕量級ORM 標簽Attribute附著在實體屬性或實體類名上,這樣可以取到實體對應的表名,屬性對應的表欄位名,數據類型,是否主鍵,欄位註釋等基本信息 反射實現對實體動態賦值取值。 二,比較重要的類 1、ISqlHelper:介面,定義數據操作的基本方 ...
  • Swagger Web API 文檔 Web API 線上文檔 Web API 手冊 Web API 線上手冊 ...
  • 前言 本文是對《大型網站架構設計》(李智慧 著)一書的梳理,類似文字版的“思維導圖” 全文主要圍繞“性能,可用性,伸縮性,擴展性,安全”這五個要素 性能,可用性,伸縮性這幾個要素基本都涉及到應用伺服器,緩存伺服器,存儲伺服器這幾個方面 本文是對《大型網站架構設計》(李智慧 著)一書的梳理,類似文字版 ...
  • 作者:ASO100鏈接:https://zhuanlan.zhihu.com/p/23041522來源:知乎著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。 自從 8 月中旬蘋果向開發者發佈了一封關於“上傳至 App Store 的 App 可設置一套尺寸相同的截圖“的郵件以來, ...
  • CGRect rectInTableView = [tableView rectForRowAtIndexPath:indexPath]; CGRect rectInSuperview = [tableView convertRect:rectInTableView toView:[tableVie ...
  • public class AntivirusActivity extends Activity { TextView tv_init_virus; ProgressBar pb; Message msg; ImageView iv_scanning; LinearLayout ll_content;... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...