網頁

2012年9月4日 星期二

iOS開發筆記 - 做出一個圓角的UIButton

需求
1. 像是UIButtonTypeRoundedRect的圓弧按鈕
2. 可以自由設定

第2點可以自由設定(例如背景顏色啦~等等)這件事,若UIButton初始化時style是UIButtonTypeRoundedRect,之後是改不了的(apple預設的ui,很多都是動不了),所以只能用UIButtonTypeCustom做出自己想要的

這次的例子是做出一個圓弧有外邊緣線的按鈕

Step 1. import <QuartzCore/QuartzCore.h>

Step 2. 初始化一個UIButton

UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.frame = CGRectMake(x,y,50,50); // x,y自行設定
btn.layer.borderWidth = 1.0f; //設定邊線寬度
btn.layer.borderColor = [UIColor blackColor].CGColor//設定邊線顏色
btn.layer.masksToBounds = YES;  //這行要有才能顯示出來
btn.layer.cornerRadius = 15.0f//邊角15.0f,自行設定邊角圓弧度


Step 3. 使用.....

就這麼簡單,有些事說穿了不值半毛錢(但我花很久的時間........orz)

參考網址
替 UIImageView 加上圓形遮罩(mask)
为UIButton设置边框等属性

沒有留言:

張貼留言