Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

iOS/iPhone Table View from NSDictionary - UITableview and NSMutableDictionary

 
 


Bookmark.   
Share
       
iOS/iPhone Table View from NSDictionary - UITableview and NSMutableDictionary จากบทความก่อนหน้านี้เราได้เรียนรู้การสร้าง Table View และการนำข้อมูลจาก Array ด้วย NSMutableArray แสดงบน TableView แต่สิ่งที่เราเห็นก็คือ Array ทั่ว ๆ ไปจะประกอบด้วย Key และ Value อย่างล่ะหนึ่งชุดเท่านั้น แต่ในการใช้งานจริง ๆ แล้วภายใน Table View ที่เป็น 1 Rows จะประกอบด้วยหลาย ๆ Column ซึ่ง Array ทั่ว ๆ ไปจะไม่สามารถจัดเก็บ Value ได้หลายตำแหน่ง เพราะฉะนั้นเราจำเป็นจะต้องใช้ NSDictionary ซึ่งเป็น Subclass ของ NSMutableDictionary โดย NSDictionary ในโครงสร้างจะประกอบด้วย Key และ Value หลาย ๆ ตัวในชุดเดียวกัน แต่ข้อจำกัดของ NSDictionary ก็มีเช่นเดียวกัน คือสามารถเก็บข้อมูลได้เพียงชุดเดียวเท่านั้น เพราะฉะนั้นเราจะเป็นจะต้องใช้ NSMutableArray เข้ามาจัดเก็บข้อมูลของ NSDictionary ในแต่ล่ะชุดให้อยู่ในรุปแบบของ Array ด้วย ดูตัวอย่างเพื่อความเข้าใจ

iOS/iPhone Table View from NSDictionary Source

iOS/iPhone Table View from NSDictionary - UITableview and NSMutableDictionary


และเพื่อความเข้าในเกี่ยวกับการสร้าง Table View แนะนำให้อ่านพื้นฐานเกี่ยวกับ Table View และการนำข้อมูลจาก Array มาแสดงบน TableView จากบทความนี้เสียก่อน



การสร้าง NSDictionary การสร้างชุดข้อมูลให้อยู่ในรูปแบบของ NSDictionary

    NSDictionary *dict;
    dict = [NSDictionary dictionaryWithObjectsAndKeys:
            @"girl1.jpg", "Key-Images",
            @"Girl 1", "Key-Name",
            @"Girl 1 Description", "Key-Description",
            nil];

จากตัวอย่างเป็นการสร้าง NSDictionary ขึ้นมา 1 ชุด โดยตัวแรกจะเป็น Value และที่สองจำเป็น Key

และเมื่อเราใช้กับ NSMutableArray รวมหลาย ๆ ชุดเข้าด้วยกัน จะได้ดังนี้

NSMutableArray *myObject;
NSDictionary *dict;

dict = [NSDictionary dictionaryWithObjectsAndKeys:
    @"girl1.jpg", "Key-Images",
    @"Girl 1", "Key-Name",
    @"Girl 1 Description", "Key-Description",
    nil];
[myObject addObject:dict];

dict = [NSDictionary dictionaryWithObjectsAndKeys:
    @"girl2.jpg", "Key-Images",
    @"Girl 2", "Key-Name",
    @"Girl 2 Description", "Key-Description",
    nil];
[myObject addObject:dict];

dict = [NSDictionary dictionaryWithObjectsAndKeys:
    @"girl2.jpg", "Key-Images",
    @"Girl 2", "Key-Name",
    @"Girl 2 Description", "Key-Description",
    nil];
[myObject addObject:dict];

จากตัวอย่าง NSMutableArray ที่ประกอบด้วย NSDictionary หลาย ๆ ชุด ซึ่งเราได้ข้อมูลที่จะนำไปแสดงบน Table View เรียบร้อย ข้อมูลในรุปแบบนี้ถ้าจะมองให้เป็นในรูปแบบของตารางข้อมูลก็จะมองในรูปแบบของ Data Table ที่มีหลายแถว และ หลายคอลัมบ์

เริ่มต้นการสร้างบน Xcode กับ iPhone ตามที่ได้แจ้งไว้บทความนี้เป็นการพัฒนาต่อจาก บทความที่ได้แจ้งไว้ก่อนหน้านี้แล้ว

iOS/iPhone Table View from NSDictionary Source

เนื่องจากราจะแสดงข้อมูลรูปภาพ ให้ copy ไฟล์ไปไว้ใน Project

iOS/iPhone Table View from NSDictionary Source

ให้ทำการ เพิ่ม รูปภาพเข้ามาใน Project ของเรา ด้วยการคลิกขวาที่ Project เลือก Add File to...

iOS/iPhone Table View from NSDictionary Source

เลือกไฟล์รูปภาพ

iOS/iPhone Table View from NSDictionary Source

รูปภาพถูกเพิ่มเข้ามาใน Project เรียบร้อยแล้ว ขั้นตอนถัดไปคือการสร้าง Code ด้วยภาษา Objective-C

ViewController.h
//
//  ViewController.h
//
//  Created by Weerachai on 10/23/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController
{
    
    IBOutlet UITableView *myTable;
}

@end


ViewController.m
//
//  ViewController.m
//
//  Created by Weerachai on 10/23/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()
{
    NSMutableArray *myObject;
    
    // A dictionary object
    NSDictionary *dict;
    
    // Define keys
    NSString *images;
    NSString *name;
    NSString *description;
}

@end

@implementation ViewController


- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view, typically from a nib.
    
    // Define keys
    images = @"Images";
    name = @"Name";
    description = @"Description";
    
    
    // Create array to hold dictionaries
    myObject = [[NSMutableArray alloc] init];
    
    dict = [NSDictionary dictionaryWithObjectsAndKeys:
            @"girl1.jpg", images,
            @"Girl 1", name,
            @"Girl 1 Description", description,
            nil];
    [myObject addObject:dict];
    
    
    dict = [NSDictionary dictionaryWithObjectsAndKeys:
            @"girl2.jpg", images,
            @"Girl 2", name,
            @"Girl 2 Description", description,
            nil];
    [myObject addObject:dict];
    
    
    dict = [NSDictionary dictionaryWithObjectsAndKeys:
            @"girl3.jpg", images,
            @"Girl 3", name,
            @"Girl 3 Description", description,
            nil];
    [myObject addObject:dict];
    
    dict = [NSDictionary dictionaryWithObjectsAndKeys:
            @"girl4.jpg", images,
            @"Girl 4", name,
            @"Girl 4 Description", description,
            nil];
    [myObject addObject:dict];
    
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return myObject.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    
    static NSString *CellIdentifier = @"Cell";
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        // Use the default cell style.
        cell = [[[UITableViewCell alloc] initWithStyle : UITableViewCellStyleSubtitle
                                       reuseIdentifier : CellIdentifier] autorelease];
    }
    
    
    NSDictionary *tmpDict = [myObject objectAtIndex:indexPath.row];
    
    UIImage* theImage = [UIImage imageNamed:[tmpDict objectForKey:images]];
    cell.imageView.image = theImage;
    
    cell.textLabel.text = [tmpDict objectForKey:name];
    cell.detailTextLabel.text= [tmpDict objectForKey:description];
    
    return cell;
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

- (void)dealloc {
    [myTable release];
    [super dealloc];
}
@end


Screenshot

iOS/iPhone Table View from NSDictionary Source

แสดงข้อมูลจาก NSDictionary บน Table View ที่ประกอบด้วยหลาย Key, Value และหลาย Index

   
Share




ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท

ลองใช้ค้นหาข้อมูล


   
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2012-10-29 15:17:41 / 2012-10-31 11:33:43
  Download : Download  iOS/iPhone Table View from NSDictionary - UITableview and NSMutableDictionary
Sponsored Links
 
 
081-987-6107!
 
081-987-6107!
 Sponsored Links / Related
 
iOS/iPhone TableView and UITableView (Objective-C, iPhone, iPad)
Rating :
 
iOS/iPhone TableView Passing Data to Another View (Objective-C,iPhone,iPad)
Rating :
 
iOS/iPhone Table View Master-Detail and Passing Data (Objective-C,iPhone)
Rating :
 
iOS/iPhone Table View Static Cell and Section Group (iPhone, iPad)
Rating :
 
iOS/iPhone Master Detail Wizard Application (Add/Insert/Delete/Table View)
Rating :
 
iOS/iPhone Table View(UITableView) Sections from an NSArray/NSMutableArray/NSDictionary (Objective-C,iPhone, iPad)
Rating :
 
iOS/iPhone Table View Image Column Multiple Column (Objective-C,iPhone)
Rating :
 
iOS/iPhone Table View and Table View Cell - Custom Cell Column (iPhone, iPad)
Rating :



Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน Struts การเขียนโปรแกรม Java Struts Framework
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน Yii  Framework การเขียนโปรแกรม ภาษา PHP กับ Yii
สอน .Net การเขียนโปรแกรม ภาษา .Net

Free Tutorial
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
Microsoft Access
MySQL Tutorials
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
Oracle Tutorial
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว

สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   




Acc : thaicreate@hotmail.com


Load balance : Server TC-00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2013 All Rights Reserved.
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 084-715-5121 อัตราราคา คลิกที่นี่

Back to Top