自定义UIButton for Iphone

时间:2009-11-02 18:57:56

标签: 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

现在上面代码的问题是,它不会创建与“界面”构建器中默认创建的按钮类似的按钮。边界不见了。

我通过以下代码创建上述类型的按钮:

    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];

我找不到设置此自定义按钮的按钮类型的方法。 我有办法做到吗?或者有更好的方法来设计代码。

4 个答案:

答案 0 :(得分:27)

首先是带有边框的可伸缩图像:

alt text 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];

显然,您需要调整帧的原点和大小以匹配您的应用,以及目标,选择器和标题。并且

答案 1 :(得分:6)

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

现在不推荐使用setFont,而是使用titleLabel.font属性

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

答案 2 :(得分:3)

您可以使用单独的类进行自定义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

在此,您必须选择自定义按钮类型并选择其类作为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 :(得分:2)

你不应该打电话给initWithFrame: rect而不是:

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