web-dev-qa-db-ja.com

iPhone用のカスタムUIButton

サーバーから返されたアイテムの数に基づいたボタンの数を含むビューがアプリにあります。したがって、サーバーがたとえば10個のアイテムを返す場合、10個のボタンがあり、各ボタンをクリックすると別の人に電話をかける必要があります。

上記の目的のために、UIButtonから派生したカスタムボタンクラスを作成しました。

@implementation HopitalButton

@synthesize index;
@synthesize button_type;

- (id)initWithFrame:(CGRect)frame {

    if (self = [super initWithFrame:frame]) {
        UIImage* img = [UIImage imageNamed:@"dr_btn.png"];
        [img stretchableImageWithLeftCapWidth:10 topCapHeight:10];
        [self setBackgroundImage:img forState:UIControlStateNormal];
        [self setTitleColor:[UIColor colorWithRed:0.698 green:0.118 blue:0.376 alpha:1] forState:UIControlStateNormal] ;
        [self setFont:[UIFont fontWithName:@"Helvetica Bold" size:13]];
        self.titleLabel.textColor = [UIColor colorWithRed:178 green:48 blue:95 alpha:1];
        self.adjustsImageWhenHighlighted = YES;
    }
    return self;
}

- (void)dealloc {
    [super dealloc];
}


@end

上記のコードの問題は、InterfaceBuilderでデフォルトで作成されたボタンに似たボタンが作成されないことです。境界線がありません。

そして、次のコードで上記のタイプのボタンを作成します。

    HopitalButton* hb = [[HopitalButton alloc] init];
    hb.button_type = @"call";
    hb.frame = CGRectMake(50, 50 + i * 67, 220, 40);
    [self.scroll_view addSubview:hb];
    [hb setTitle:[[[self.office_full_list objectAtIndex:i] objectForKey:@"Staff" ]objectForKey:@"FullName"] forState:UIControlStateNormal];
    hb.index = [NSNumber numberWithInt:[self.button_items count]];
    [self.button_items insertObject:hb atIndex:[self.button_items count]];
    [hb addTarget:self action:@selector(buttonClicked:) forControlEvents:UIControlEventTouchUpInside];

このカスタムボタンのボタンタイプを設定する方法が見つかりません。私がそれを行うことができる方法はありますか？または、コードを設計するためのより良い方法はありますか。

iphoneuibutton
12
Amal

まず、境界線のある伸縮可能な画像から始めます。

代替テキストhttp://grab.by/4lP

次に、引き伸ばされた画像を背景としてボタンを作成し、テキストを適用します。

INDEX_OFFSET = 82753; // random

UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom];
[sampleButton setFrame:CGRectMake(kLeftMargin, 10, self.view.bounds.size.width - kLeftMargin - kRightMargin, 52)];
[sampleButton setTitle:@"Button Title" forState:UIControlStateNormal];
[sampleButton setFont:[UIFont boldSystemFontOfSize:20]];
[sampleButton setTag:<INDEX>+INDEX_OFFSET];
[sampleButton setBackgroundImage:[[UIImage imageNamed:@"redButton.png"] stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0] forState:UIControlStateNormal];
[sampleButton addTarget:self action:@selector(buttonPressed) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:sampleButton];

もちろん、フレームの原点とサイズをアプリに合わせて調整する必要があります。また、ターゲット、セレクター、タイトルも調整する必要があります。そして

27
coneybeare
[sampleButton setFont:[UIFont boldSystemFontOfSize:20]];

setFontは非推奨になりました。代わりにtitleLabel.fontプロパティを使用してください

sampleButton.titleLabel.font = [UIFont boldSystemFontOfSize:20];
6
Peter Pajchl

カスタムRoundrectボタンに個別のクラスを使用できます。これは、以下のように特定のフレームスタイルでプロジェクト全体に役立ちます。

#import <UIKit/UIKit.h>
#import <QuartzCore/QuartzCore.h>
@interface CustomRoundRectButton : UIButton
@end


#import "CustomRoundRectButton.h"
@implementation CustomRoundRectButton
- (void)drawRect:(CGRect)rect
{
[[self layer] setMasksToBounds:YES];
[self.layer setCornerRadius:10.0f]; 
[self.layer setBorderColor:[UIColor grayColor].CGColor]; 
[self.layer setBorderWidth:1.0];
}
@end

これでは、ボタンタイプcustomを選択し、そのクラスをCustomRoundRectButtonとして選択する必要があります。

For Simple custom button we can use as below

-(UIBarButtonItem*)BackButton
{
UIButton*btn =  [UIButton buttonWithType:UIButtonTypeCustom];
[btn setImage:[UIImage imageNamed:@"back.png"] forState:UIControlStateNormal];
[btn setFrame:CGRectMake(0, 0, 30, 30)];
[btn addTarget:self action:@selector(actionBack) forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem*barBtn = [[[UIBarButtonItem alloc] initWithCustomView:btn] autorelease];
return barBtn;
}
3
sinh99

次の代わりにinitWithFrame: rectを呼び出すべきではありません。

    HopitalButton* hb = [[HopitalButton alloc] init];
2
mahboudz