مقالات طراحی اپ موبایل

Table view فعلی بسیار بی آلایش است. درسته؟ لحاظ شما درباره اضافه کردن یک تصویر به هر ستون چیست؟ iOS SDK سبب می ­گردد این شغل به سادگی صورت بپذیرد. ما صرفا نیاز داریم که یک خط کد را برای قرار دادن یک تصویر خرد برای هر ستون اضافه کنیم. طراحی اپلیکیشن در مشهد آغاز، یک تصویر بی آلایش را از اینجا download this sample image دانلود میکنیم. ممکن میباشد رغبت داشته باشید از تصویر موردنظر خویش به کارگیری نمائید ، می بایست مطمئن گردید اسم تصویر “creme_brulee.jpg” باشد. در Navigator پروژه ، روی فولدر “SimplyTable” کلیک راست کرده و آیتم “...Add Files to SimpleTable” را تعیین می‌کنیم.

پوشه تصویری را که دانلود کرده ایم ، گزینش کرده و محاسبه ­جعبه “Copy items to destination group’s folder” را تعیین می‌کنیم. با گزینش این آیتم ، تصاویر به فایل پروژه ، اسکن شود. برای اضافه کردن پوشه ، کلید “OK” را کلیک می‌کنیم.

اینک پوشه “SimpleTableViewController.m” را دستکاری میکنیم و خط کد ذیل را به روال “tableView:cellForRowAtIndexPath” اضافه کرده و آن را صحیح پیش از عبارت “return cell” قرار می‌دهیم:

cell.imageView.image = [UIImage imageNamed:@"creme_brelee.jpg"];
کد ما ، می بایست پس از دستکاری مشابه کد پایین باشد:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *simpleTableIdentifier = @"SimpleTableCell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];

if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier];
}

cell.textLabel.text = [recipes objectAtIndex:indexPath.row];
cell.imageView.image = [UIImage imageNamed:@"creme_brelee.jpg"];

return cell;
}
سلول table view با یک خصیصه پیش فرض برای نماد دادن تصویر یاور میباشد. این خط کد ، تصویر را به آسانی لود کرده و آن را در حوزه‌ تصویر سلول جدول اکران میدهد. در حال حاضر ، روی کلید “Run” مجدد کلیک می‌کنیم. برنامه SimpleTable ما می بایست تصویر را در هر ستون علامت دهد:

خلاصه

ساخت‌و‌ساز table view بی آلایش است ، موافق میباشید؟ Table View یک کدام از رایج­ ترین المان­ های اپ ­نویسی iOS میباشد. در صورتی یادگرفتن را تماما دنبال کرده و نرم افزار آزمایشی را ساخته باشید ، شما می بایست فهم و شعور پای ه­ای از کیفیت ساخت table view را به دست آورده باشید. ما کارایی می­ کنیم همگی چیز در نرم‌افزار آزمایشی معمولی باشد. اساسا، نباید داده­ های جدول به صورت بی واسطه در کدها نمایان شوند. معمولاً از فولدر مقر داده یا این که جایی دیگر برای بار گذاری داده ­ها به کار گیری می­ خواهد شد. در جلسات آموزشی زمان نرم افزار نویسی iOS ، بدین مباحث پرداخته گردیده‌است. میتوانید برای اگاهی از روش ایفا این فعالیت بدین جلسات آموزشی رجوع‌کنید. ولی پیش از ادامه عمل ، مطمئن گردید که تماما روش همت Table view را متوجه گردیده اید. در غیر این شکل ، مجدد این گرد‌همایی را مرور نمائید.

Table view فعلی بسیار بی آلایش است. درسته؟ لحاظ شما درباره اضافه کردن یک تصویر به هر ستون چیست؟ iOS SDK سبب می ­گردد این شغل به سادگی صورت بپذیرد. ما صرفا نیاز داریم که یک خط کد را برای قرار دادن یک تصویر خرد برای هر ستون اضافه کنیم. طراحی اپلیکیشن در مشهد آغاز، یک تصویر بی آلایش را از اینجا download this sample image دانلود میکنیم. ممکن میباشد رغبت داشته باشید از تصویر موردنظر خویش به کارگیری نمائید ، می بایست مطمئن گردید اسم تصویر “creme_brulee.jpg” باشد. در Navigator پروژه ، روی فولدر “SimplyTable” کلیک راست کرده و آیتم “...Add Files to SimpleTable” را تعیین می‌کنیم.

پوشه تصویری را که دانلود کرده ایم ، گزینش کرده و محاسبه ­جعبه “Copy items to destination group’s folder” را تعیین می‌کنیم. با گزینش این آیتم ، تصاویر به فایل پروژه ، اسکن شود. برای اضافه کردن پوشه ، کلید “OK” را کلیک می‌کنیم.

اینک پوشه “SimpleTableViewController.m” را دستکاری میکنیم و خط کد ذیل را به روال “tableView:cellForRowAtIndexPath” اضافه کرده و آن را صحیح پیش از عبارت “return cell” قرار می‌دهیم:

cell.imageView.image = [UIImage imageNamed:@"creme_brelee.jpg"];
کد ما ، می بایست پس از دستکاری مشابه کد پایین باشد:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *simpleTableIdentifier = @"SimpleTableCell";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleTableIdentifier];

if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleTableIdentifier];
}

cell.textLabel.text = [recipes objectAtIndex:indexPath.row];
cell.imageView.image = [UIImage imageNamed:@"creme_brelee.jpg"];

return cell;
}
سلول table view با یک خصیصه پیش فرض برای نماد دادن تصویر یاور میباشد. این خط کد ، تصویر را به آسانی لود کرده و آن را در حوزه‌ تصویر سلول جدول اکران میدهد. در حال حاضر ، روی کلید “Run” مجدد کلیک می‌کنیم. برنامه SimpleTable ما می بایست تصویر را در هر ستون علامت دهد:

خلاصه

ساخت‌و‌ساز table view بی آلایش است ، موافق میباشید؟ Table View یک کدام از رایج­ ترین المان­ های اپ ­نویسی iOS میباشد. در صورتی یادگرفتن را تماما دنبال کرده و نرم افزار آزمایشی را ساخته باشید ، شما می بایست فهم و شعور پای ه­ای از کیفیت ساخت table view را به دست آورده باشید. ما کارایی می­ کنیم همگی چیز در نرم‌افزار آزمایشی معمولی باشد. اساسا، نباید داده­ های جدول به صورت بی واسطه در کدها نمایان شوند. معمولاً از فولدر مقر داده یا این که جایی دیگر برای بار گذاری داده ­ها به کار گیری می­ خواهد شد. در جلسات آموزشی زمان نرم افزار نویسی iOS ، بدین مباحث پرداخته گردیده‌است. میتوانید برای اگاهی از روش ایفا این فعالیت بدین جلسات آموزشی رجوع‌کنید. ولی پیش از ادامه عمل ، مطمئن گردید که تماما روش همت Table view را متوجه گردیده اید. در غیر این شکل ، مجدد این گرد‌همایی را مرور نمائید.