iOS 左右两列按钮之间进行连线

最新推荐文章于 2017-10-24 00:51:04 发布
原创 最新推荐文章于 2017-10-24 00:51:04 发布 · 940 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#连线 #布局 #objective-c #绘图

该博客介绍了如何在iOS应用中实现从左侧按钮到右侧按钮的连线操作，重点在于点击事件的处理和绘图代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

左边的和右边的进行连线操作：

//
//  Layout72Controller.h
//  happylearning
//
//  Created by aging on 16/5/20.
//  Copyright © 2016年aging. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface Layout72Controller : UIViewController
@property (strong, nonatomic) IBOutlet UIImageView *imgTop;
@property (strong, nonatomic) IBOutlet UIImageView *imgTip;
@property (strong, nonatomic) IBOutlet UILabel *lblTitle;
@property (strong, nonatomic) IBOutlet UIButton *btnNo1;
@property (strong, nonatomic) IBOutlet UIButton *btnNo2;
@property (strong, nonatomic) IBOutlet UIButton *btnNo3;
@property (strong, nonatomic) IBOutlet UIButton *btnNo4;
@property (strong, nonatomic) IBOutlet UIButton *btnNo1_1;
@property (strong, nonatomic) IBOutlet UIButton *btnNo2_2;
@property (strong, nonatomic) IBOutlet UIButton *btnNo3_3;
@property (strong, nonatomic) IBOutlet UIButton *btnNo4_4;
//正确答案
@property (strong, nonatomic) IBOutlet UILabel *lblRealAnswer;

@property (nonatomic,copy)NSString *strLeft;
@property (nonatomic,copy)NSString *strRight;

//判断左右两边显示的文字还是图片
@property (nonatomic,copy)NSString *orderBtn;

//接收正确答案
@property (nonatomic,copy)NSString *realAnswer;

@end

//按钮的点击事件中的代码才是要点！！！

//
//  Layout71Controller.m
//  happylearning
//
//  Created by aging on 16/5/20.
//  Copyright © 2016年 aging. All rights reserved.
//

#import "Layout72Controller.h"

#import "DrawLine.h"

#define PT @"P_T"
#define PP @"P_P"
#define TT @"T_T"
#define TP @"T_P"

@interface Layout72Controller ()
{
    //左边点击的按钮
    NSInteger currentLeft;
    //右边点击的按钮
    NSInteger currentRight;
    
    //记录出划线初始点的位置
    CGFloat drawStartX;
    CGFloat drawStartY;
    //记录划线结束点位置
    CGFloat drawEndX;
    CGFloat drawEndY;
    
    NSNumber *numberStartX;
    NSNumber *numberStartY;
    NSNumber *numberEndX;
    NSNumber *numberEndY;
    
    //线
    UIImageView *imgCon;
    
    //创建一个数组存储每条连线的坐标点
    NSMutableArray *ArrayLineStartX;
    NSMutableArray *ArrayLineStartY;
    NSMutableArray *ArrayLineEndX;
    NSMutableArray *ArrayLineEndY;
    
    //存储连线，判断对错
    NSMutableArray *arrayLineYesOrNo;
    
    //存储正确答案
    NSMutableArray *arrayRealAnswer;
}

@end

@implementation Layout72Controller

- (void)viewDidLoad {
    [super viewDidLoad];
    
    currentLeft=0;
    currentRight=0;
    
     self.lblRealAnswer.hidden=YES;
    
    imgCon=[[UIImageView alloc]initWithFrame:self.view.frame];
    [self.view addSubview:imgCon];
    ArrayLineStartX=[[NSMutableArray alloc]initWithCapacity:0];
     ArrayLineStartY=[[NSMutableArray alloc]initWithCapacity:0];
     ArrayLineEndX=[[NSMutableArray alloc]initWithCapacity:0];
     ArrayLineEndY=[[NSMutableArray alloc]initWithCapacity:0];
    arrayLineYesOrNo=[[NSMutableArray alloc]initWithCapacity:0];
    arrayRealAnswer=[[NSMutableArray alloc]initWithCapacity:0];
    
}

- (void)viewDidAppear:(BOOL)animated
{
    //正确答案存入数组
    NSArray *array=[_realAnswer componentsSeparatedByString:@","];
    [arrayRealAnswer addObjectsFromArray:array];
    
    //左右显示的内容
    NSArray*array1=[_strLeft componentsSeparatedByString:@"/"];
    NSMutableArray *arrayLeft=[NSMutableArray arrayWithArray:array1];
    if ([arrayLeft containsObject:@""]||[arrayLeft containsObject:@" "]) {
        [arrayLeft removeObject:@""];
        [arrayLeft removeObject:@" "];
    }
    
    NSArray*array2=[_strRight componentsSeparatedByString:@"/"];
    NSMutableArray *arrayRight=[NSMutableArray arrayWithArray:array2];
    if ([arrayRight containsObject:@""]||[arrayRight containsObject:@" "]) {
        [arrayRight removeObject:@""];
        [arrayRight removeObject:@" "];
    }
    //左边图片右边文字
    if ([_orderBtn isEqualToString:PT]) {
        [_btnNo1 setBackgroundImage:[UIImage imageNamed:arrayLeft[0]] forState:UIControlStateNormal];
        [_btnNo2 setBackgroundImage:[UIImage imageNamed:arrayLeft[1]] forState:UIControlStateNormal];
        [_btnNo3 setBackgroundImage:[UIImage imageNamed:arrayLeft[2]] forState:UIControlStateNormal];
        [_btnNo4 setBackgroundImage:[UIImage imageNamed:arrayLeft[3]] forState:UIControlStateNormal];
        
        [_btnNo1_1 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo2_2 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo3_3 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo4_4 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        
        [_btnNo1_1 setTitle:arrayRight[0] forState:UIControlStateNormal];
        [_btnNo2_2 setTitle:arrayRight[1] forState:UIControlStateNormal];
        [_btnNo3_3 setTitle:arrayRight[2] forState:UIControlStateNormal];
        [_btnNo4_4 setTitle:arrayRight[3] forState:UIControlStateNormal];
    }
    //左边图片右边图片
    if ([_orderBtn isEqualToString:PP]) {
        [_btnNo1 setBackgroundImage:[UIImage imageNamed:arrayLeft[0]] forState:UIControlStateNormal];
        [_btnNo2 setBackgroundImage:[UIImage imageNamed:arrayLeft[1]] forState:UIControlStateNormal];
        [_btnNo3 setBackgroundImage:[UIImage imageNamed:arrayLeft[2]] forState:UIControlStateNormal];
        [_btnNo4 setBackgroundImage:[UIImage imageNamed:arrayLeft[3]] forState:UIControlStateNormal];
        
        [_btnNo1_1 setBackgroundImage:[UIImage imageNamed:arrayRight[0]] forState:UIControlStateNormal];
        [_btnNo2_2 setBackgroundImage:[UIImage imageNamed:arrayRight[1]] forState:UIControlStateNormal];
        [_btnNo3_3 setBackgroundImage:[UIImage imageNamed:arrayRight[2]] forState:UIControlStateNormal];
        [_btnNo4_4 setBackgroundImage:[UIImage imageNamed:arrayRight[3]] forState:UIControlStateNormal];
        
    }
    //左边文字右边图片
    if ([_orderBtn isEqualToString:TP]) {
        
        [_btnNo1 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo2 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo3 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo4 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        
        [_btnNo1 setTitle:arrayLeft[0] forState:UIControlStateNormal];
        [_btnNo2 setTitle:arrayLeft[1] forState:UIControlStateNormal];
        [_btnNo3 setTitle:arrayLeft[2] forState:UIControlStateNormal];
        [_btnNo4 setTitle:arrayLeft[3] forState:UIControlStateNormal];
        
        [_btnNo1_1 setBackgroundImage:[UIImage imageNamed:arrayRight[0]] forState:UIControlStateNormal];
        [_btnNo2_2 setBackgroundImage:[UIImage imageNamed:arrayRight[1]] forState:UIControlStateNormal];
        [_btnNo3_3 setBackgroundImage:[UIImage imageNamed:arrayRight[2]] forState:UIControlStateNormal];
        [_btnNo4_4 setBackgroundImage:[UIImage imageNamed:arrayRight[3]] forState:UIControlStateNormal];
        
    }
    //左边文字右边文字
    if ([_orderBtn isEqualToString:TT]) {
        
        [_btnNo1 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo2 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo3 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo4 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        
        [_btnNo1 setTitle:arrayLeft[0] forState:UIControlStateNormal];
        [_btnNo2 setTitle:arrayLeft[1] forState:UIControlStateNormal];
        [_btnNo3 setTitle:arrayLeft[2] forState:UIControlStateNormal];
        [_btnNo4 setTitle:arrayLeft[3] forState:UIControlStateNormal];
        
        [_btnNo1_1 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo2_2 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo3_3 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        [_btnNo4_4 setBackgroundImage:[UIImage imageNamed:@"grid_view1.png"] forState:UIControlStateNormal];
        
        [_btnNo1_1 setTitle:arrayRight[0] forState:UIControlStateNormal];
        [_btnNo2_2 setTitle:arrayRight[1] forState:UIControlStateNormal];
        [_btnNo3_3 setTitle:arrayRight[2] forState:UIControlStateNormal];
        [_btnNo4_4 setTitle:arrayRight[3] forState:UIControlStateNormal];
    }
    //添加事件
   
    [self.btnNo1 addTarget:self action:@selector(clickNo1:) forControlEvents:UIControlEventTouchDown];
    [self.btnNo2 addTarget:self action:@selector(clickNo2:) forControlEvents:UIControlEventTouchDown];
    [self.btnNo3 addTarget:self action:@selector(clickNo3:) forControlEvents:UIControlEventTouchDown];
    [self.btnNo4 addTarget:self action:@selector(clickNo4:) forControlEvents:UIControlEventTouchDown];
    
    [self.btnNo1_1 addTarget:self action:@selector(clickNo1_1:) forControlEvents:UIControlEventTouchDown];
    [self.btnNo2_2 addTarget:self action:@selector(clickNo2_2:) forControlEvents:UIControlEventTouchDown];
    [self.btnNo3_3 addTarget:self action:@selector(clickNo3_3:) forControlEvents:UIControlEventTouchDown];
    [self.btnNo4_4 addTarget:self action:@selector(clickNo4_4:) forControlEvents:UIControlEventTouchDown];
}

- (void)clickNo1:(UIButton *)btn
{
    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线初始点的位置
     drawStartX=btn.center.x+btn.frame.size.width/2;
     drawStartY=btn.center.y;
    numberStartX=[NSNumber numberWithFloat:drawStartX];
    numberStartY=[NSNumber numberWithFloat:drawStartY];
    
    //当前选择的是左边第一个按钮
    if (currentLeft==1) {
        currentLeft=0;
    }
    else
    {
        currentLeft=1;
        //如果右边的也点击了
        if (currentRight>0) {
            //划线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
       imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];

            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];
//            NSLog(@"arrayLineYes:%@\nbtnLine:%@",arrayLineYesOrNo,btnLine);
          
            currentLeft=0;
            currentRight=0;
        }
    }

    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    
    [_btnNo2.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo2.layer setBorderWidth:0];
    [_btnNo3.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo3.layer setBorderWidth:0];
    [_btnNo4.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo4.layer setBorderWidth:0];
    

}
- (void)clickNo2:(UIButton *)btn
{

    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线初始点的位置
    drawStartX=btn.center.x+btn.frame.size.width/2;
    drawStartY=btn.center.y;
    numberStartX=[NSNumber numberWithFloat:drawStartX];
    numberStartY=[NSNumber numberWithFloat:drawStartY];
    
    //当前选择的是左边第2个按钮
    if (currentLeft==2) {
        currentLeft=0;
    }
    else
    {
        currentLeft=2;
        //如果右边的也点击了
        if (currentRight>0) {
            //划线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
       imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];
            
            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];
//             NSLog(@"arrayLineYes:%@\nbtnLine:%@",arrayLineYesOrNo,btnLine);

            currentLeft=0;
            currentRight=0;
        }
    }
    
    
    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    [_btnNo1.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo1.layer setBorderWidth:0];
    [_btnNo3.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo3.layer setBorderWidth:0];
    [_btnNo4.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo4.layer setBorderWidth:0];
}
- (void)clickNo3:(UIButton *)btn
{

    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线初始点的位置
    drawStartX=btn.center.x+btn.frame.size.width/2;
    drawStartY=btn.center.y;
    numberStartX=[NSNumber numberWithFloat:drawStartX];
    numberStartY=[NSNumber numberWithFloat:drawStartY];
    
    //当前选择的是左边第3个按钮
    if (currentLeft==3) {
        currentLeft=0;
    }
    else
    {
        currentLeft=3;
        //如果右边的也点击了
        if (currentRight>0) {
            //划线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
        imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];
            
            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];
//             NSLog(@"arrayLineYes:%@\nbtnLine:%@",arrayLineYesOrNo,btnLine);
            currentLeft=0;
            currentRight=0;
        }
    }
    
    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    [_btnNo1.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo1.layer setBorderWidth:0];
    [_btnNo2.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo2.layer setBorderWidth:0];
    [_btnNo4.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo4.layer setBorderWidth:0];
}
- (void)clickNo4:(UIButton *)btn
{
    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线初始点的位置
    drawStartX=btn.center.x+btn.frame.size.width/2;
    drawStartY=btn.center.y;
    numberStartX=[NSNumber numberWithFloat:drawStartX];
    numberStartY=[NSNumber numberWithFloat:drawStartY];
    
    //当前选择的是左边第4个按钮
    if (currentLeft==4) {
        currentLeft=0;
    }
    else
    {
        currentLeft=4;
        //如果右边的也点击了
        if (currentRight>0) {
            //画线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
           imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];
            
            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];
// NSLog(@"arrayLineYes:%@\nbtnLine:%@",arrayLineYesOrNo,btnLine);
            currentLeft=0;
            currentRight=0;
        }
    }

    
    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    [_btnNo1.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo1.layer setBorderWidth:0];
    [_btnNo3.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo3.layer setBorderWidth:0];
    [_btnNo2.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo2.layer setBorderWidth:0];
}

- (void)clickNo1_1:(UIButton *)btn
{

    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线结束点的位置
    drawEndX=btn.center.x-btn.frame.size.width/2;
    drawEndY=btn.center.y;
    numberEndX=[NSNumber numberWithFloat:drawEndX];
    numberEndY=[NSNumber numberWithFloat:drawEndY];

    
    //当前选择的是右边第一个按钮
    if (currentRight==1) {
        currentRight=0;
    }
    else
    {
        currentRight=1;
        //如果右边的也点击了
        if (currentLeft>0) {
            //划线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
            imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];
            
            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];

            currentLeft=0;
            currentRight=0;
        }
    }
    
    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    [_btnNo4_4.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo4_4.layer setBorderWidth:0];
    [_btnNo3_3.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo3_3.layer setBorderWidth:0];
    [_btnNo2_2.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo2_2.layer setBorderWidth:0];

    
}
- (void)clickNo2_2:(UIButton *)btn
{

    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线结束点的位置
    drawEndX=btn.center.x-btn.frame.size.width/2;
    drawEndY=btn.center.y;
    numberEndX=[NSNumber numberWithFloat:drawEndX];
    numberEndY=[NSNumber numberWithFloat:drawEndY];
    
    //当前选择的是右边第二个按钮
    if (currentRight==2) {
        currentRight=0;
    }
    else
    {
        currentRight=2;
        //如果右边的也点击了
        if (currentLeft>0) {
            //划线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
            imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];
            
            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];

            currentLeft=0;
            currentRight=0;
        }
    }
    
    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    [_btnNo4_4.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo4_4.layer setBorderWidth:0];
    [_btnNo3_3.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo3_3.layer setBorderWidth:0];
    [_btnNo1_1.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo1_1.layer setBorderWidth:0];
}
- (void)clickNo3_3:(UIButton *)btn
{

    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线结束点的位置
    drawEndX=btn.center.x-btn.frame.size.width/2;
    drawEndY=btn.center.y;
    numberEndX=[NSNumber numberWithFloat:drawEndX];
    numberEndY=[NSNumber numberWithFloat:drawEndY];
    
    //当前选择的是右边第三个按钮
    if (currentRight==3) {
        currentRight=0;
    }
    else
    {
        currentRight=3;
        //如果右边的也点击了
        if (currentLeft>0) {
            //划线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
            imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];
            
            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];

            currentLeft=0;
            currentRight=0;
        }
    }

    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    [_btnNo4_4.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo4_4.layer setBorderWidth:0];
    [_btnNo1_1.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo1_1.layer setBorderWidth:0];
    [_btnNo2_2.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo2_2.layer setBorderWidth:0];
    
}
- (void)clickNo4_4:(UIButton *)btn
{

    //记录连接线的是那两个按钮(比如：1连2)
    NSString *btnLine=nil;
    
    //记录出划线结束点的位置
    drawEndX=btn.center.x-btn.frame.size.width/2;
    drawEndY=btn.center.y;
    numberEndX=[NSNumber numberWithFloat:drawEndX];
    numberEndY=[NSNumber numberWithFloat:drawEndY];
    
    //当前选择的是右边第四个按钮
    if (currentRight==4) {
        currentRight=0;
    }
    else
    {
        currentRight=4;
        //如果右边的也点击了
        if (currentLeft>0) {
            //划线
            [ArrayLineStartX addObject:numberStartX];
            [ArrayLineStartY addObject:numberStartY];
            [ArrayLineEndX addObject:numberEndX];
            [ArrayLineEndY addObject:numberEndY];
            
          imgCon.image=[self drawLineInRect:imgCon.frame start:CGPointMake(drawStartX, drawStartY) end:CGPointMake(drawEndX, drawEndY)];
            
            btnLine=[NSString stringWithFormat:@"%i连%i",currentLeft,currentRight];
            //连线结果添加进数组
            [arrayLineYesOrNo addObject:btnLine];
// NSLog(@"arrayLineYes:%@\nbtnLine:%@",arrayLineYesOrNo,btnLine);
            currentLeft=0;
            currentRight=0;
            
        }
    }

    //添加红色外框
    [btn.layer setBorderColor:[UIColor redColor].CGColor];
    [btn.layer setBorderWidth:3.0];
    [btn.layer setMasksToBounds:YES];
    [_btnNo1_1.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo1_1.layer setBorderWidth:0];
    [_btnNo3_3.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo3_3.layer setBorderWidth:0];
    [_btnNo2_2.layer setBorderColor:[UIColor clearColor].CGColor];
    [_btnNo2_2.layer setBorderWidth:0];
}

//绘制连线
-(UIImage *)drawLineInRect:(CGRect)rect start:(CGPoint)spoint end:(CGPoint)epoint
{
    UIImage *scaledImage=nil;
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context=UIGraphicsGetCurrentContext();
    CGContextSetLineCap(context, kCGLineCapRound);
    CGContextSetLineWidth(context, 3);//线宽
    CGContextSetAllowsAntialiasing(context, true);
    CGContextSetRGBStrokeColor(context, 0.0 / 255.0, 0.0 / 255.0, 0.0 / 255.0, 1.0);  //线的颜色
    CGContextBeginPath(context);
    
    for (int i=0; i<ArrayLineEndY.count; i++) {
        
        CGContextMoveToPoint(context, [ArrayLineStartX[i] floatValue], [ArrayLineStartY[i] floatValue]);  //起点坐标
        CGContextAddLineToPoint(context, [ArrayLineEndX[i] floatValue], [ArrayLineEndY[i] floatValue]);   //终点坐标
        
        CGContextStrokePath(context);
    }
    
     scaledImage=UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return scaledImage;
    
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end


Xcode使用介绍之二：创建UI界面+连线
magical_code的博客
04-13 1万+
本文主要介绍如何使用Xcode搭建UI界面，以及如何使搭建的界面与代码进行关联。 运行环境：Xcode7.1 + iOS9.1 程序语言：Objective-C 运行示例： 一、使用Xcode搭建可视化界面 Xcode提供了两种可视化搭建界面的方法，即storyBoard以及xib： StoryBoard：扩展名为.storyboard的文件，一般包
三列按钮连线
07-04
这是iOS开发中的连线例子，如同我们做过的连线题一样，左中右各有一列按钮，我们需要把左边的按钮与中间的按钮相连接，中间的也可以与右边的相连接。
IOS 开发笔记-基础 UI（8）控件连线的 strong 和 weak 设定
不相信奇迹
10-17 951
ARC是苹果为了简化程序员对内存的管理，推出的一套内存管理机制，使用ARC机制，对象的申请和释放工作会在运行时，由编译器自动在代码中添加retain和release 1> strong：强指针引用的对象，在生命周期内不会被系统释放，在OC中，对象默认都是强指针 2> weak：弱指针引用的对象，系统会立即释放，弱指针可以指向其他已经被强指针引用的对象 他们都是 arc 的东西
iOS 一种连线题效果的实现
12-29 298
大神哥哥姐姐些，求教啦！
急！如何在两个按钮之间加一条连线，当其中一个按钮拖动时，连线也跟着动
jacobi19871112的专栏
03-05 1207
关于这样的列子我也看了很多，不过就是没有源代码，我的代码如下：import java.io.*;import java.awt.*;import javax.swing.*;import java.awt.event.*;import javax.swing.event.*;import javax.swing.tree.*; class jiemian extends JFrame impl
iOS 用Quartz2D实现图片水印，裁剪，连线等功能
Yin_Xian的博客
05-28 542
因为Quartz2D在开发中的用途非常的大，要想穷尽这些功能也不是太现实。所以下面我们介绍常用的几个利用Quartz2D实现的几个功能。1.实现图片水印的效果。图片水印的作用是防止他人盗取图片，给图片加一些logo，生成一张新的图片。代码如下 这里有几个注意点： 1.图片水印是对图片进行操作的，需要生成一张标记的图片，所以用的是位图上下文。而且必须手动创建，手动关闭，否则会引起内存泄露。
uitableview显示两列数据
10-16
通过以上步骤，你就可以在iOS应用中实现一个`UITableView`显示两列数据的功能。这个过程涉及到了自定义`UITableViewCell`、实现`UITableViewDataSource`协议以及对界面布局的调整，这些都是iOS开发中常见的技能点。...
Ios 动态添加按钮
05-29
在iOS开发中，动态添加按钮是一项常见的需求，尤其是在创建自定义视图或者界面布局时。本文将深入探讨如何在iOS应用中实现动态添加按钮，并解释这样做的原因。 首先，我们来理解为什么要在iOS应用中动态添加按钮。...
iOS仿口碑外卖两列布局
01-10
在iOS开发中，创建一个类似口碑外卖的两列布局是一项常见的任务，这涉及到自定义视图的布局设计和数据管理。下面将详细讲解如何使用Objective-C（OC）来实现这样的功能。 首先，我们需要理解两列布局的基本概念。...
iOS左右滑动菜单Demo
04-23
在iOS应用开发中，用户界面的设计是至关重要的，因为它直接影响到用户的体验和应用程序的吸引力。一个常见的设计元素是左右滑动菜单（Sliding Menu），它为用户提供了一种方便的方式来访问更多的选项或者层级结构，...
基于ios的悬浮按钮的Demo
02-06
`AlertView`在iOS中是一种标准的通知方式，它可以在用户进行某项操作时弹出一个警告视图，通常包含一条消息和若干个操作选项。在早期的iOS版本中，苹果提供了`UIAlertView`类来实现这一功能，但在iOS 8之后，`...
ios-实现两个地点画线相连
rv0p111
10-24 1519
我们应该可能都用过一些健身类的app，都会有在你跑步的起点和终点给你跑步的路线进行画线，如果我们也要实现这个功能我们可以做如下的步骤 1、创建地理编码对象 2、调用方法去获取地标 3、获取CLPlacemark对象 4、创建MKPlaceMark 5、创建MKMapItem起点位置 6、创建MKMapItem终点的位置 7、创建方向请求的对象 8.、创建方向对象 9、计算两个点之
iOS UIView上利用UIBezierPath 画线 并且计算线的角度
疯狂的程序猿的博客
08-11 3575
实现需求 1：两条相近的直线计算角度，并且合在一起 2：上一根有角度的不与下一根计算 3：角度显示要保存，撤销的时候清除 实现方法 1：Touch Method -(void)touchesBegan:(NSSet*)touches withEvent:(UIEvent *)event； -(void)tou
iOS-实现最简单的画线功能
热门推荐
trandy的专栏
08-07 2万+
如何在iOS屏幕上画出一条线来？这是一切复杂画线的基础。 首先介绍如何运用CGPath来标定区域： iOS有时候需要判断是否touch到某个图的区域中。这里做了个小示例，通过CGPath创建一个区域，区域是由路径做两点间线段并闭合成的区域，比如这里创建了一个简单的矩形。然
iOS 画线（曲线、虚线、直线）
骑驴找马追骆驼_so的博客
06-09 1万+
什么是Quartz2D Quartz2D是一个二维绘图引擎，同时支持iOS和Mac系统 Quartz2D能做什么 绘制图形：线条、三角形、矩形、圆、弧等 绘制文字 绘制、生成图片（图像） 读取、生成PDF 截图、剪裁图片 自定义UI控件 什么是图形上下文（Graphics Context） 可以理解为就是一个画板。其结构是一个CGCOntextRef类型的数据结构 作用：保存绘图信息、绘图状态，决
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值