├── AlignmentIndicatorViews.swift ├── Example.png └── README.md /AlignmentIndicatorViews.swift: -------------------------------------------------------------------------------- 1 | // 2 | // AlignmentIndicatorViews.swift 3 | // urban-arts-ios 4 | // 5 | // Created by Gabriel Braga on 04/07/17. 6 | // Copyright © 2017 Tecvidya. All rights reserved. 7 | // 8 | 9 | import UIKit 10 | 11 | public class AlignmentIndicatorViews { 12 | 13 | static let shared : AlignmentIndicatorViews = { 14 | let instance = AlignmentIndicatorViews() 15 | return instance 16 | }() 17 | 18 | private var lineColor = UIColor.red 19 | private var lineWidth: CGFloat = 0.6 20 | 21 | private var layersLines: [CALayer]? 22 | 23 | private var otherViews: [UIView]! 24 | private var currentView: UIView! 25 | private var parentView: UIView! 26 | 27 | func identifyViews(currentView: UIView, parentView: UIView, otherViews: [UIView]){ 28 | 29 | self.currentView = currentView 30 | self.parentView = parentView 31 | self.otherViews = otherViews 32 | 33 | self.clearLayersLines() 34 | 35 | //parent view center 36 | self.alignment_center_view() 37 | 38 | if self.otherViews.count > 1{ 39 | 40 | //alignment horizontal 41 | self.alignment_top_top() 42 | self.alignment_top_bot() 43 | self.alignment_bot_bot() 44 | self.alignment_bot_top() 45 | 46 | //alignment vertical 47 | self.alignment_left_left() 48 | self.alignment_right_right() 49 | self.alignment_left_right() 50 | self.alignment_right_left() 51 | 52 | //alignment center subviews 53 | self.alignment_center_center_horizontal() 54 | self.alignment_top_center_horizontal() 55 | self.alignment_bot_center_horizontal() 56 | 57 | self.alignment_center_center_vertical() 58 | self.alignment_right_center_vertical() 59 | self.alignment_left_center_vertical() 60 | 61 | } 62 | 63 | } 64 | 65 | // CENTER 66 | private func alignment_center_center_vertical(){ 67 | 68 | let viewOrigemFrame = currentView.frame 69 | 70 | var viewsAcima: [UIView] = [] 71 | var viewsAbaixo: [UIView] = [] 72 | 73 | let listOrderY = self.otherViews.sorted { $0.frame.origin.y == $1.frame.origin.y } 74 | 75 | for dragView in listOrderY{ 76 | 77 | if currentView != dragView{ 78 | 79 | let pointXOrigem: CGFloat = viewOrigemFrame.origin.x + (viewOrigemFrame.width / 2) 80 | 81 | let pointXDrag: CGFloat = dragView.frame.origin.x + (dragView.frame.width / 2) 82 | 83 | if pointXOrigem.distance(to: pointXDrag) <= 1 && pointXOrigem.distance(to: pointXDrag) >= -1{ 84 | 85 | if dragView.frame.origin.y < viewOrigemFrame.origin.y{ 86 | 87 | viewsAcima.append(dragView) 88 | 89 | }else if dragView.frame.origin.y > viewOrigemFrame.origin.y{ 90 | 91 | viewsAbaixo.append(dragView) 92 | 93 | } 94 | 95 | } 96 | 97 | } 98 | 99 | }//fim for 100 | 101 | var primeiraView = currentView! // temporario 102 | var ultimaView = currentView! // temporario 103 | 104 | if viewsAcima.count > 0{ 105 | 106 | primeiraView = viewsAcima.first! 107 | ultimaView = currentView 108 | 109 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + (primeiraView.frame.width / 2), yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + (ultimaView.frame.width / 2), yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 110 | 111 | }else if viewsAbaixo.count > 0{ 112 | 113 | primeiraView = currentView 114 | ultimaView = viewsAbaixo.last! 115 | 116 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + (primeiraView.frame.width / 2), yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + (ultimaView.frame.width / 2), yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 117 | 118 | } 119 | 120 | } 121 | 122 | private func alignment_right_center_vertical(){ 123 | 124 | let viewOrigemFrame = currentView.frame 125 | 126 | var viewsAcima: [UIView] = [] 127 | var viewsAbaixo: [UIView] = [] 128 | 129 | let listOrderY = self.otherViews.sorted { $0.frame.origin.y == $1.frame.origin.y } 130 | 131 | for dragView in listOrderY{ 132 | 133 | if currentView != dragView{ 134 | 135 | let pointXOrigem: CGFloat = viewOrigemFrame.origin.x + viewOrigemFrame.width 136 | 137 | let pointXDrag: CGFloat = dragView.frame.origin.x + (dragView.frame.width / 2) 138 | 139 | if pointXOrigem.distance(to: pointXDrag) <= 1 && pointXOrigem.distance(to: pointXDrag) >= -1{ 140 | 141 | if dragView.frame.origin.y < viewOrigemFrame.origin.y{ 142 | 143 | viewsAcima.append(dragView) 144 | 145 | }else if dragView.frame.origin.y > viewOrigemFrame.origin.y{ 146 | 147 | viewsAbaixo.append(dragView) 148 | 149 | } 150 | 151 | } 152 | 153 | } 154 | 155 | }//fim for 156 | 157 | var primeiraView = currentView! // temporario 158 | var ultimaView = currentView! // temporario 159 | 160 | if viewsAcima.count > 0{ 161 | 162 | primeiraView = viewsAcima.first! 163 | ultimaView = currentView 164 | 165 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + (primeiraView.frame.width / 2), yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 166 | 167 | }else if viewsAbaixo.count > 0{ 168 | 169 | primeiraView = currentView 170 | ultimaView = viewsAbaixo.last! 171 | 172 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + primeiraView.frame.width, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + (ultimaView.frame.width / 2), yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 173 | 174 | } 175 | 176 | } 177 | 178 | private func alignment_left_center_vertical(){ 179 | 180 | let viewOrigemFrame = currentView.frame 181 | 182 | var viewsAcima: [UIView] = [] 183 | var viewsAbaixo: [UIView] = [] 184 | 185 | let listOrderY = self.otherViews.sorted { $0.frame.origin.y == $1.frame.origin.y } 186 | 187 | for dragView in listOrderY{ 188 | 189 | if currentView != dragView{ 190 | 191 | let pointXOrigem: CGFloat = viewOrigemFrame.origin.x 192 | 193 | let pointXDrag: CGFloat = dragView.frame.origin.x + (dragView.frame.width / 2) 194 | 195 | if pointXOrigem.distance(to: pointXDrag) <= 1 && pointXOrigem.distance(to: pointXDrag) >= -1{ 196 | 197 | if dragView.frame.origin.y < viewOrigemFrame.origin.y{ 198 | 199 | viewsAcima.append(dragView) 200 | 201 | }else if dragView.frame.origin.y > viewOrigemFrame.origin.y{ 202 | 203 | viewsAbaixo.append(dragView) 204 | 205 | } 206 | 207 | } 208 | 209 | } 210 | 211 | }//fim for 212 | 213 | var primeiraView = currentView! // temporario 214 | var ultimaView = currentView! // temporario 215 | 216 | if viewsAcima.count > 0{ 217 | 218 | primeiraView = viewsAcima.first! 219 | ultimaView = currentView 220 | 221 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + (primeiraView.frame.width / 2), yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 222 | 223 | }else if viewsAbaixo.count > 0{ 224 | 225 | primeiraView = currentView 226 | ultimaView = viewsAbaixo.last! 227 | 228 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + (ultimaView.frame.width / 2), yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 229 | 230 | } 231 | 232 | } 233 | 234 | private func alignment_center_center_horizontal(){ 235 | 236 | let viewOrigemFrame = currentView.frame 237 | 238 | var viewsEsquerda: [UIView] = [] 239 | var viewsDireita: [UIView] = [] 240 | 241 | let listOrderX = self.otherViews.sorted { $0.frame.origin.x == $1.frame.origin.x } 242 | 243 | for dragView in listOrderX{ 244 | 245 | if currentView != dragView{ 246 | 247 | let pointYOrigem: CGFloat = viewOrigemFrame.origin.y + (viewOrigemFrame.height / 2) 248 | 249 | let pointYInferior: CGFloat = dragView.frame.origin.y + (dragView.frame.height / 2) 250 | 251 | if pointYOrigem.distance(to: pointYInferior) <= 1 && pointYOrigem.distance(to: pointYInferior) >= -1{ 252 | 253 | if dragView.frame.origin.x < viewOrigemFrame.origin.x{ 254 | 255 | viewsEsquerda.append(dragView) 256 | 257 | }else if dragView.frame.origin.x > viewOrigemFrame.origin.x{ 258 | 259 | viewsDireita.append(dragView) 260 | 261 | } 262 | 263 | } 264 | 265 | } 266 | 267 | }//fim for 268 | 269 | var primeiraView = currentView! // temporario 270 | var ultimaView = currentView! // temporario 271 | 272 | if viewsEsquerda.count > 0{ 273 | 274 | primeiraView = viewsEsquerda.first! 275 | ultimaView = currentView 276 | 277 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + (primeiraView.frame.height / 2), xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + (ultimaView.frame.height / 2)) 278 | 279 | }else if viewsDireita.count > 0{ 280 | 281 | primeiraView = currentView 282 | ultimaView = viewsDireita.last! 283 | 284 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + (primeiraView.frame.height / 2), xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + (ultimaView.frame.height / 2)) 285 | 286 | } 287 | 288 | } 289 | 290 | private func alignment_top_center_horizontal(){ 291 | 292 | let viewOrigemFrame = currentView.frame 293 | 294 | var viewsEsquerda: [UIView] = [] 295 | var viewsDireita: [UIView] = [] 296 | 297 | let listOrderX = self.otherViews.sorted { $0.frame.origin.x == $1.frame.origin.x } 298 | 299 | for dragView in listOrderX{ 300 | 301 | if currentView != dragView{ 302 | 303 | let pointYOrigem: CGFloat = viewOrigemFrame.origin.y 304 | 305 | let pointYInferior: CGFloat = dragView.frame.origin.y + (dragView.frame.height / 2) 306 | 307 | if pointYOrigem.distance(to: pointYInferior) <= 1 && pointYOrigem.distance(to: pointYInferior) >= -1{ 308 | 309 | if dragView.frame.origin.x < viewOrigemFrame.origin.x{ 310 | 311 | viewsEsquerda.append(dragView) 312 | 313 | }else if dragView.frame.origin.x > viewOrigemFrame.origin.x{ 314 | 315 | viewsDireita.append(dragView) 316 | 317 | } 318 | 319 | } 320 | 321 | } 322 | 323 | }//fim for 324 | 325 | var primeiraView = currentView! // temporario 326 | var ultimaView = currentView! // temporario 327 | 328 | if viewsEsquerda.count > 0{ 329 | 330 | primeiraView = viewsEsquerda.first! 331 | ultimaView = currentView 332 | 333 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + (primeiraView.frame.height / 2), xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y) 334 | 335 | }else if viewsDireita.count > 0{ 336 | 337 | primeiraView = currentView 338 | ultimaView = viewsDireita.last! 339 | 340 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + (ultimaView.frame.height / 2)) 341 | 342 | } 343 | 344 | } 345 | 346 | private func alignment_bot_center_horizontal(){ 347 | 348 | let viewOrigemFrame = currentView.frame 349 | 350 | var viewsEsquerda: [UIView] = [] 351 | var viewsDireita: [UIView] = [] 352 | 353 | let listOrderX = self.otherViews.sorted { $0.frame.origin.x == $1.frame.origin.x } 354 | 355 | for dragView in listOrderX{ 356 | 357 | if currentView != dragView{ 358 | 359 | let pointYOrigem: CGFloat = viewOrigemFrame.origin.y + viewOrigemFrame.height 360 | 361 | let pointYInferior: CGFloat = dragView.frame.origin.y + (dragView.frame.height / 2) 362 | 363 | if pointYOrigem.distance(to: pointYInferior) <= 1 && pointYOrigem.distance(to: pointYInferior) >= -1{ 364 | 365 | if dragView.frame.origin.x < viewOrigemFrame.origin.x{ 366 | 367 | viewsEsquerda.append(dragView) 368 | 369 | }else if dragView.frame.origin.x > viewOrigemFrame.origin.x{ 370 | 371 | viewsDireita.append(dragView) 372 | 373 | } 374 | 375 | } 376 | 377 | } 378 | 379 | }//fim for 380 | 381 | var primeiraView = currentView! // temporario 382 | var ultimaView = currentView! // temporario 383 | 384 | if viewsEsquerda.count > 0{ 385 | 386 | primeiraView = viewsEsquerda.first! 387 | ultimaView = currentView 388 | 389 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + (primeiraView.frame.height / 2), xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 390 | 391 | }else if viewsDireita.count > 0{ 392 | 393 | primeiraView = currentView 394 | ultimaView = viewsDireita.last! 395 | 396 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + primeiraView.frame.height, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + (ultimaView.frame.height / 2)) 397 | 398 | } 399 | 400 | } 401 | 402 | // VERTICAIS 403 | private func alignment_left_left(){ 404 | 405 | let viewOrigemFrame = currentView.frame 406 | 407 | var viewsAcima: [UIView] = [] 408 | var viewsAbaixo: [UIView] = [] 409 | 410 | let listOrderY = self.otherViews.sorted { $0.frame.origin.y == $1.frame.origin.y } 411 | 412 | for dragView in listOrderY{ 413 | 414 | if currentView != dragView{ 415 | 416 | if viewOrigemFrame.origin.x.distance(to: dragView.frame.origin.x) <= 1 && viewOrigemFrame.origin.x.distance(to: dragView.frame.origin.x) >= -1{ 417 | 418 | if dragView.frame.origin.y < viewOrigemFrame.origin.y{ 419 | 420 | viewsAcima.append(dragView) 421 | 422 | }else if dragView.frame.origin.y > viewOrigemFrame.origin.y{ 423 | 424 | viewsAbaixo.append(dragView) 425 | 426 | } 427 | 428 | } 429 | 430 | } 431 | 432 | }//fim for 433 | 434 | var primeiraView = currentView! // temporario 435 | var ultimaView = currentView! // temporario 436 | 437 | if viewsAcima.count > 0{ 438 | 439 | primeiraView = viewsAcima.first! 440 | ultimaView = currentView 441 | 442 | }else if viewsAbaixo.count > 0{ 443 | 444 | primeiraView = currentView 445 | ultimaView = viewsAbaixo.last! 446 | 447 | } 448 | 449 | if primeiraView == ultimaView{ 450 | return 451 | } 452 | 453 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 454 | 455 | } 456 | 457 | private func alignment_right_right(){ 458 | 459 | let viewOrigemFrame = currentView.frame 460 | 461 | var viewsEsquerda: [UIView] = [] 462 | var viewsDireita: [UIView] = [] 463 | 464 | let listOrderY = self.otherViews.sorted { $0.frame.origin.y == $1.frame.origin.y } 465 | 466 | for dragView in listOrderY{ 467 | 468 | if currentView != dragView{ 469 | 470 | let pointXOrigem: CGFloat = viewOrigemFrame.origin.x + viewOrigemFrame.width 471 | 472 | let pointXDireita: CGFloat = dragView.frame.origin.x + dragView.frame.width 473 | 474 | if pointXOrigem.distance(to: pointXDireita) <= 1 && pointXOrigem.distance(to: pointXDireita) >= -1{ 475 | 476 | if dragView.frame.origin.y < viewOrigemFrame.origin.y{ 477 | 478 | viewsEsquerda.append(dragView) 479 | 480 | }else if dragView.frame.origin.y > viewOrigemFrame.origin.y{ 481 | 482 | viewsDireita.append(dragView) 483 | 484 | } 485 | 486 | } 487 | 488 | } 489 | 490 | }//fim for 491 | 492 | var primeiraView = currentView! // temporario 493 | var ultimaView = currentView! // temporario 494 | 495 | if viewsEsquerda.count > 0{ 496 | 497 | primeiraView = viewsEsquerda.first! 498 | ultimaView = currentView 499 | 500 | }else if viewsDireita.count > 0{ 501 | 502 | primeiraView = currentView 503 | ultimaView = viewsDireita.last! 504 | 505 | } 506 | 507 | if primeiraView == ultimaView{ 508 | return 509 | } 510 | 511 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + primeiraView.frame.width, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 512 | 513 | } 514 | 515 | private func alignment_left_right(){ 516 | 517 | let viewOrigemFrame = currentView.frame 518 | 519 | var viewsAcima: [UIView] = [] 520 | var viewsAbaixo: [UIView] = [] 521 | 522 | let listOrderY = self.otherViews.sorted { $0.frame.origin.y == $1.frame.origin.y } 523 | 524 | for dragView in listOrderY{ 525 | 526 | if currentView != dragView{ 527 | 528 | let pointXOrigem: CGFloat = viewOrigemFrame.origin.x 529 | 530 | let pointXDrag: CGFloat = dragView.frame.origin.x + dragView.frame.width 531 | 532 | if pointXOrigem.distance(to: pointXDrag) <= 1 && pointXOrigem.distance(to: pointXDrag) >= -1{ 533 | 534 | if dragView.frame.origin.y < viewOrigemFrame.origin.y{ 535 | 536 | viewsAcima.append(dragView) 537 | 538 | }else if dragView.frame.origin.y > viewOrigemFrame.origin.y{ 539 | 540 | viewsAbaixo.append(dragView) 541 | 542 | } 543 | 544 | } 545 | 546 | } 547 | 548 | }//fim for 549 | 550 | var primeiraView = currentView! // temporario 551 | var ultimaView = currentView! // temporario 552 | 553 | if viewsAcima.count > 0{ 554 | 555 | primeiraView = viewsAcima.first! 556 | ultimaView = currentView 557 | 558 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + primeiraView.frame.width, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 559 | 560 | }else if viewsAbaixo.count > 0{ 561 | 562 | primeiraView = currentView 563 | ultimaView = viewsAbaixo.last! 564 | 565 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 566 | 567 | } 568 | 569 | } 570 | 571 | private func alignment_right_left(){ 572 | 573 | let viewOrigemFrame = currentView.frame 574 | 575 | var viewsAcima: [UIView] = [] 576 | var viewsAbaixo: [UIView] = [] 577 | 578 | let listOrderY = self.otherViews.sorted { $0.frame.origin.y == $1.frame.origin.y } 579 | 580 | for dragView in listOrderY{ 581 | 582 | if currentView != dragView{ 583 | 584 | let pointXOrigem: CGFloat = viewOrigemFrame.origin.x + viewOrigemFrame.width 585 | 586 | let pointXDrag: CGFloat = dragView.frame.origin.x 587 | 588 | if pointXOrigem.distance(to: pointXDrag) <= 1 && pointXOrigem.distance(to: pointXDrag) >= -1{ 589 | 590 | if dragView.frame.origin.y < viewOrigemFrame.origin.y{ 591 | 592 | viewsAcima.append(dragView) 593 | 594 | }else if dragView.frame.origin.y > viewOrigemFrame.origin.y{ 595 | 596 | viewsAbaixo.append(dragView) 597 | 598 | } 599 | 600 | } 601 | 602 | } 603 | 604 | }//fim for 605 | 606 | var primeiraView = currentView! // temporario 607 | var ultimaView = currentView! // temporario 608 | 609 | if viewsAcima.count > 0{ 610 | 611 | primeiraView = viewsAcima.first! 612 | ultimaView = currentView 613 | 614 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 615 | 616 | }else if viewsAbaixo.count > 0{ 617 | 618 | primeiraView = currentView 619 | ultimaView = viewsAbaixo.last! 620 | 621 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x + primeiraView.frame.width, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 622 | 623 | } 624 | 625 | } 626 | 627 | // HORIZONTAIS 628 | 629 | private func alignment_top_top(){ 630 | 631 | let viewOrigemFrame = currentView.frame 632 | 633 | var viewsEsquerda: [UIView] = [] 634 | var viewsDireita: [UIView] = [] 635 | 636 | let listOrderX = self.otherViews.sorted { $0.frame.origin.x == $1.frame.origin.x } 637 | 638 | for dragView in listOrderX{ 639 | 640 | if currentView != dragView{ 641 | 642 | if viewOrigemFrame.origin.y.distance(to: dragView.frame.origin.y) <= 1 && viewOrigemFrame.origin.y.distance(to: dragView.frame.origin.y) >= -1{ 643 | 644 | if dragView.frame.origin.x < viewOrigemFrame.origin.x{ 645 | 646 | viewsEsquerda.append(dragView) 647 | 648 | }else if dragView.frame.origin.x > viewOrigemFrame.origin.x{ 649 | 650 | viewsDireita.append(dragView) 651 | 652 | } 653 | 654 | } 655 | 656 | } 657 | 658 | }//fim for 659 | 660 | var primeiraView = currentView! // temporario 661 | var ultimaView = currentView! // temporario 662 | 663 | if viewsEsquerda.count > 0{ 664 | 665 | primeiraView = viewsEsquerda.first! 666 | ultimaView = currentView 667 | 668 | }else if viewsDireita.count > 0{ 669 | 670 | primeiraView = currentView 671 | ultimaView = viewsDireita.last! 672 | 673 | } 674 | 675 | if primeiraView == ultimaView{ 676 | return 677 | } 678 | 679 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y) 680 | 681 | } 682 | 683 | private func alignment_top_bot(){ 684 | 685 | let viewOrigemFrame = currentView.frame 686 | 687 | var viewsEsquerda: [UIView] = [] 688 | var viewsDireita: [UIView] = [] 689 | 690 | let listOrderX = self.otherViews.sorted { $0.frame.origin.x == $1.frame.origin.x } 691 | 692 | for dragView in listOrderX{ 693 | 694 | if currentView != dragView{ 695 | 696 | let pointYOrigem: CGFloat = viewOrigemFrame.origin.y 697 | 698 | let pointYInferior: CGFloat = dragView.frame.origin.y + dragView.frame.height 699 | 700 | if pointYOrigem.distance(to: pointYInferior) <= 1 && pointYOrigem.distance(to: pointYInferior) >= -1{ 701 | 702 | if dragView.frame.origin.x < viewOrigemFrame.origin.x{ 703 | 704 | viewsEsquerda.append(dragView) 705 | 706 | }else if dragView.frame.origin.x > viewOrigemFrame.origin.x{ 707 | 708 | viewsDireita.append(dragView) 709 | 710 | } 711 | 712 | } 713 | 714 | } 715 | 716 | }//fim for 717 | 718 | var primeiraView = currentView! // temporario 719 | var ultimaView = currentView! // temporario 720 | 721 | if viewsEsquerda.count > 0{ 722 | 723 | primeiraView = viewsEsquerda.first! 724 | ultimaView = currentView 725 | 726 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + primeiraView.frame.height, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y) 727 | 728 | }else if viewsDireita.count > 0{ 729 | 730 | primeiraView = currentView 731 | ultimaView = viewsDireita.last! 732 | 733 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 734 | 735 | } 736 | 737 | } 738 | 739 | private func alignment_bot_bot(){ 740 | 741 | let viewOrigemFrame = currentView.frame 742 | 743 | var viewsEsquerda: [UIView] = [] 744 | var viewsDireita: [UIView] = [] 745 | 746 | let listOrderX = self.otherViews.sorted { $0.frame.origin.x == $1.frame.origin.x } 747 | 748 | for dragView in listOrderX{ 749 | 750 | if currentView != dragView{ 751 | 752 | let pointYOrigem: CGFloat = viewOrigemFrame.origin.y + viewOrigemFrame.height 753 | 754 | let pointYInferior: CGFloat = dragView.frame.origin.y + dragView.frame.height 755 | 756 | if pointYOrigem.distance(to: pointYInferior) <= 1 && pointYOrigem.distance(to: pointYInferior) >= -1{ 757 | 758 | if dragView.frame.origin.x < viewOrigemFrame.origin.x{ 759 | 760 | viewsEsquerda.append(dragView) 761 | 762 | }else if dragView.frame.origin.x > viewOrigemFrame.origin.x{ 763 | 764 | viewsDireita.append(dragView) 765 | 766 | } 767 | 768 | } 769 | 770 | } 771 | 772 | }//fim for 773 | 774 | var primeiraView = currentView! // temporario 775 | var ultimaView = currentView! // temporario 776 | 777 | if viewsEsquerda.count > 0{ 778 | 779 | primeiraView = viewsEsquerda.first! 780 | ultimaView = currentView 781 | 782 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + primeiraView.frame.height, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 783 | 784 | }else if viewsDireita.count > 0{ 785 | 786 | primeiraView = currentView 787 | ultimaView = viewsDireita.last! 788 | 789 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + primeiraView.frame.height, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 790 | 791 | } 792 | 793 | } 794 | 795 | private func alignment_bot_top(){ 796 | 797 | let viewOrigemFrame = currentView.frame 798 | 799 | var viewsEsquerda: [UIView] = [] 800 | var viewsDireita: [UIView] = [] 801 | 802 | let listOrderX = self.otherViews.sorted { $0.frame.origin.x == $1.frame.origin.x } 803 | 804 | for dragView in listOrderX{ 805 | 806 | if currentView != dragView{ 807 | 808 | let pointYOrigem: CGFloat = viewOrigemFrame.origin.y + viewOrigemFrame.height 809 | 810 | let pointYInferior: CGFloat = dragView.frame.origin.y 811 | 812 | if pointYOrigem.distance(to: pointYInferior) <= 1 && pointYOrigem.distance(to: pointYInferior) >= -1{ 813 | 814 | if dragView.frame.origin.x < viewOrigemFrame.origin.x{ 815 | 816 | viewsEsquerda.append(dragView) 817 | 818 | }else if dragView.frame.origin.x > viewOrigemFrame.origin.x{ 819 | 820 | viewsDireita.append(dragView) 821 | 822 | } 823 | 824 | } 825 | 826 | } 827 | 828 | }//fim for 829 | 830 | var primeiraView = currentView! // temporario 831 | var ultimaView = currentView! // temporario 832 | 833 | if viewsEsquerda.count > 0{ 834 | 835 | primeiraView = viewsEsquerda.first! 836 | ultimaView = currentView 837 | 838 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y + ultimaView.frame.height) 839 | 840 | }else if viewsDireita.count > 0{ 841 | 842 | primeiraView = currentView 843 | ultimaView = viewsDireita.last! 844 | 845 | self.drawLine(color: lineColor, xInicio: primeiraView.frame.origin.x, yInicio: primeiraView.frame.origin.y + primeiraView.frame.height, xFim: ultimaView.frame.origin.x + ultimaView.frame.width, yFim: ultimaView.frame.origin.y) 846 | 847 | } 848 | 849 | } 850 | 851 | // VIEW_PAI 852 | 853 | private func alignment_center_view(){ 854 | 855 | let pointX: CGFloat = currentView.frame.origin.x + (currentView.frame.width / 2) 856 | 857 | let pointY: CGFloat = currentView.frame.origin.y + (currentView.frame.height / 2) 858 | 859 | if pointX.distance(to: parentView.center.x) <= 1 && pointX.distance(to: parentView.center.x) >= -1{ 860 | 861 | self.drawLine(color: lineColor, xInicio: parentView.center.x, yInicio: 0, xFim: parentView.center.x, yFim: parentView.frame.height) 862 | 863 | } 864 | 865 | if pointY.distance(to: parentView.center.y) <= 1 && pointY.distance(to: parentView.center.y) >= -1{ 866 | 867 | self.drawLine(color: lineColor, xInicio: 0, yInicio: parentView.center.y, xFim: parentView.frame.width, yFim: parentView.center.y) 868 | 869 | } 870 | 871 | } 872 | 873 | //OUTROS 874 | 875 | private func drawLine(color: UIColor, xInicio: CGFloat, yInicio: CGFloat, xFim: CGFloat, yFim: CGFloat){ 876 | 877 | let path = UIBezierPath() 878 | path.move(to: CGPoint(x: xInicio, y: yInicio)) 879 | path.addLine(to: CGPoint(x: xFim, y: yFim)) 880 | 881 | let shapeLayer = CAShapeLayer() 882 | shapeLayer.path = path.cgPath 883 | shapeLayer.strokeColor = color.cgColor 884 | shapeLayer.lineWidth = self.lineWidth 885 | shapeLayer.fillColor = UIColor.clear.cgColor 886 | 887 | layersLines?.append(shapeLayer) 888 | 889 | self.parentView.layer.addSublayer(shapeLayer) 890 | 891 | } 892 | 893 | func clearLayersLines(){ 894 | 895 | if layersLines != nil && layersLines!.count > 0{ 896 | for layer in layersLines!{ 897 | layer.removeFromSuperlayer() 898 | } 899 | } 900 | 901 | self.layersLines = [] 902 | 903 | } 904 | 905 | } 906 | -------------------------------------------------------------------------------- /Example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gbmiranda/iOSAlignmentIndicatorViews/44c88b0410ef7439bcb0ebe7982a71ad3651727a/Example.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # iOSAlignmentIndicatorViews 2 | 3 | This is an iOS component to assist in aligning Views by creating lines similar to image editing programs such as Photoshop and Sketch. 4 | 5 | ![iOSAlignmentIndicatorViews](https://raw.githubusercontent.com/gbmiranda/iOSAlignmentIndicatorViews/master/Example.png) 6 | 7 | # How to use 8 | 9 | 1. Add AlignmentIndicatorViews.swift to your project. 10 | 2. Call AlignmentIndicatorViews shared instance. 11 | 12 | ```swift 13 | AlignmentIndicatorViews.shared.identifyViews(currentView: viewDrag, parentView: self.view, otherViews: self.draggableViews) 14 | ``` 15 | 16 | # Customization 17 | 18 | ## width 19 | Use the width property to set the width of the lines. 20 | 21 | ```swift 22 | private var lineWidth: CGFloat = 0.6 23 | ``` 24 | 25 | ## color 26 | Use the color property to set the color of the lines. 27 | 28 | ```swift 29 | private var lineColor = UIColor.red 30 | ``` 31 | 32 | ## More Properties 33 | Before inserting new lines it is necessary to clean existing ones. 34 | 35 | ```swift 36 | AlignmentIndicatorViews.shared.clearLayersLines() 37 | ``` 38 | 39 | # Author 40 | Gabriel Braga | http://www.gabrielbraga.com 41 | 42 | 43 | --------------------------------------------------------------------------------