如何对齐组件并网

如何对齐组件并网

本文介绍了如何对齐组件并网?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我工作的一个应用程序,用户可以把自己控制在一个视图。现在,我的工作,我希望控制对齐,以一种网格的细节。

I'm working on an application where users can put their own controls on a view. Now I'm working on the details where I want the controls to be aligned to a sort of grid.

  1. 如何画一个网格?
  2. 如何确保控件会自动与网格对齐(到最近的角落?)

在此先感谢!

人谁可以帮忙吗?

推荐答案

对于那些谁仍然有兴趣在回答:

For those who are still interested in the answer:

我第一次画的水平和垂直线:

I first drew the horizontal and vertical line:

- (无效)drawGrid   {

-(void)drawGrid {

for(int y=self.gridSize;y<self.templateEditView.frame.size.height;y+=self.gridSize){
    UIView *hline = [[UIView alloc] init];
    [hline setBackgroundColor:[[UIColor blackColor] colorWithAlphaComponent:0.1f]];
    hline.frame = CGRectMake(0, y, self.templateEditView.frame.size.width, 1);
    [self.templateEditView addSubview:hline];
}

for(int x=self.gridSize;x<self.templateEditView.frame.size.width;x+=self.gridSize){
    UIView *vline = [[UIView alloc] init];
    [vline setBackgroundColor:[[UIColor blackColor] colorWithAlphaComponent:0.1f]];
    vline.frame = CGRectMake(x, 0, 1, self.templateEditView.frame.size.height);
    [self.templateEditView addSubview:vline];
}

}

当的对象之一被拖放,它们必须对齐到电网:

When one of the objects is dragged and dropped, They have to align to the grid:

- (无效)alignToGrid:(UIView的*)控制{

-(void)alignToGrid:(UIView *)control{

int gridSize = self.gridSize;

int oldX = (int)control.frame.origin.x;
int newX = (oldX /gridSize)*gridSize;
if(oldX%gridSize > gridSize/2){
    newX+=gridSize;
}

int oldY = (int)control.frame.origin.y;
int newY = (oldY /gridSize)*gridSize;
if(oldY%gridSize > gridSize/2){
    newY+=gridSize;
}

[UIView animateWithDuration:0.3f delay:0.0f options:UIViewAnimationOptionCurveLinear animations:^ {
    [control setFrame: CGRectMake(newX,newY,control.frame.size.width,control.frame.size.height)];
} completion:nil];

}

这篇关于如何对齐组件并网?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-31 01:07