UIPopoverControllerでTableViewを表示させる

• Tweet
• 

iPadで使えるボタンを押すとふわっと吹き出しが出てくるUIPopoverControllerの実装方法です。UIPopoverControllerの中身は別Viewで用意しておく必要がありますが、xibを作らずにプログラムだけで実装可能です。今回はテーブルビューを表示するようにしています。

読み込み先のテーブルビューを作る

先に、ポップアップの中に表示させるテーブルビューの準備から。

DLViewController.h

#import <UIKit/UIKit.h>
@interface DLViewController : UITableViewController
@end

DLViewController.m

#import "DLViewController.h"

@interface DLViewController ()

@end

@implementation DLViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
	// Do any additional setup after loading the view.
}

//以下テーブル表示メソッド
- (NSInteger)tableView:(UITableView *)tableView
 numberOfRowsInSection:(NSInteger)section {
    return 10;
}

//セルの高さ
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 30;
}

- (UITableViewCell *)tableView:(UITableView *)tableView
         cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *SimpleTableIdentifier= @"SimpleTableIdentifier";
	UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:SimpleTableIdentifier];

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

    cell.textLabel.text=@"a";

    return cell;
}

//セルがクリックされた時の処理
- (void)tableView:(UITableView *)tableView
didSelectRowAtIndexPath:(NSIndexPath *)indexPath {

}

そして、ポップアップを呼び出すView。

testView.h

@interface testView : UIViewController<UIPopoverControllerDelegate>{
   UIPopoverController *popoverController;
   IBOutlet UIButton *popbutton;
}
- (IBAction) tapAction:(id)sender;

popbuttonはUIButtonですが、このボタンがタップされたときにポップオーバーを表示させます。ですので、あらかじめボタンとtapAction、popbuttonもそれぞれ紐付けておいてください。

testView.m

#import "DLViewController.h"

- (IBAction) tapAction:(id)sender
{
    // 表示するViewController
    DLViewController *svc = [[DLViewController alloc] init];
    popoverController = [[UIPopoverController alloc] initWithContentViewController:svc];
    popoverController.delegate = self;

    // Popoverを表示する
    [popoverController presentPopoverFromRect:popbutton.bounds
                                       inView:popbutton permittedArrowDirections:UIPopoverArrowDirectionDown animated:YES];
}

というわけで、これを実行するとこのようにポップアップが表示されました。

iPhoneアプリ開発のTips一覧はこちら

効率のいいiOSプログラミング習得法

初心者がプログラミング勉強で挫折しない方法【楽しみながら習得するコツは？】

プログラミングの勉強は本じゃなくて、オンラインスクールがおすすめな理由

フリーランスエンジニアの稼ぎ方

フリーランスエンジニアの稼ぎ方。ぶっちゃけ…開発以外のことを頑張ったほうが結果がでます。

• Tweet
• 

PROFILE

プロフィール

入江 慎吾／サービス開発だけで生きていく
自分のサービスだけで自由に生きる。勢いで受託開発をすべてやめて、サービスだけ作って生きていくことを決めたフリーのエンジニア。得意を教えて副業にできるMENTAを開発中！ （詳しいプロフィール）

WEBサービス・アプリ開発に役立つ情報をイリテクの入江がお届けします。プログラミング、UI/UXデザイン、SNS・ブログマーケティングなど、プロダクト開発だけで自由に生きていくための実践的な情報を配信しています。

無料メールマガジンを購読する

PRODUCT

イリテクで開発したプロダクト