如何在ios中创建UIButtons的行?

时间:2013-09-10 07:36:37

标签: iphone ios uibutton uicollectionview uitouch

我有8个UIButton。现在我想创建这些按钮的线路。

我试过了,我能画一条线。请检查我在做什么。

MyDrawingView.h

#import <UIKit/UIKit.h>

@interface MyDrawingView : UIView{

CGPoint fromPoint;
CGPoint toPoint;
UIColor* currentColor;



UIImage *backgroundImage;
}

@property CGPoint fromPoint;
@property CGPoint toPoint;
@property(nonatomic,retain) UIColor* currentColor;

@end



MyDrawingView.m

#import "MyDrawingView.h"

@implementation MyDrawingView

@synthesize fromPoint;
@synthesize toPoint;
@synthesize currentColor;



- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
    // Initialization code

    backgroundImage = [UIImage imageNamed:@"office.jpeg"];
}
return self;
}


- (void)drawRect:(CGRect)rect {

//CGPoint drawingTargetPoint = CGPointMake(100,0);
//[backgroundImage drawAtPoint:drawingTargetPoint];

CGContextRef    context = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(context,10);
CGContextSetStrokeColorWithColor(context, currentColor.CGColor);
CGContextMoveToPoint(context,fromPoint.x , fromPoint.y);
CGContextAddLineToPoint(context, toPoint.x, toPoint.y);
CGContextStrokePath(context);


}

- (void) touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event
{
UITouch* touchPoint = [touches anyObject];
fromPoint = [touchPoint locationInView:self];
toPoint = [touchPoint locationInView:self];

[self setNeedsDisplay];
}

-(void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
UITouch* touch = [touches anyObject];
toPoint=[touch locationInView:self];
[self setNeedsDisplay];
}

-(void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
UITouch* touch = [touches anyObject];
toPoint = [touch locationInView:self];
[self setNeedsDisplay];
}

现在在另一个班级我使用viewDidLoad上的8个按钮,请检查我在做什么。

-(void)viewDidLoad{

8 UIButtons (8 buttons in one line and 10 pixels gap in X-position after every button)

[self method_Call_drawView];
}




-(void)method_Call_drawView{
v = [[MyDrawingView alloc]initWithFrame:CGRectMake(100,350,400,400)]; 
v.backgroundColor = [UIColor whiteColor];
[v setNeedsDisplay];
[self.view addSubview:v];
}

 .h file
#import <UIKit/UIKit.h>


@class MyDrawingView;
@interface iPad_Level1 : UIViewController{

UIButton *btn1;
UIButton *btn2;
UIButton *btn3;
UIButton *btn4;
UIButton *btn5;
UIButton *btn6;
UIButton *btn7;
UIButton *btn8;
MyDrawingView *v;
}
@property(nonatomic,retain)MyDrawingView *v;
@end

我可以在视图上创建视图并绘制一条线但是我无法触摸UIButtons并在其上创建一条线。

无论我点击哪条线,我的线都在增加和减少,但我希望UIButton上有这一行。

请检查我要做的事情itunes.apple.com/in/app/word-search-puzzles/id609067187?mt=8,检查按钮上的黄色和蓝色线条。

非常欢迎任何想法或建议。

2 个答案:

答案 0 :(得分:2)

您可以在所需按钮之前添加1px高度子视图。

UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 200, self.view.bounds.size.width, 1)]; // change the 200 to fit your screen
lineView.backgroundColor = [UIColor blackColor];
[self.view addSubview:lineView];

当用户点击按钮时移动此行:

[UIView animateWithDuration:0.5
                              delay:0.5
                            options: UIViewAnimationCurveEaseOut
                         animations:^
         {                 
             CGRect frame = lineView .frame;
             frame.origin.y = 100;   // for move
             frame.size.width = 50; // for re-size
             lineView .frame = frame;
         }
             completion:^(BOOL finished)
         {
             NSLog(@"Completed");
         }
];

答案 1 :(得分:0)

#import <QuartzCore/CAGradientLayer.h>

导入此项并在项目中添加 quartzcore framework

-(IBAction)btnTapped:(id)sender{
    UIButton *m_btnTemp=((UIButton *)sender);
    m_btnTemp.layer.borderColor=[UIColor blackColor];
    m_btnTemp.layer.borderWidth= 1.0f;
}

如果要删除bordercolor set borderWidth=0;