导航问题

Question

我正在开发一个应用程序，我有导航问题。 我在舞台上有随机按钮，但它是不可避免的一些重叠。 我想解决这个问题，但我不知道如何。 有没有人有任何想法来帮助我？

AS3

for (var i:int=0; i<16; i++){ 
var mc_sq:MovieClip = new mc_square(); 
mc_sq.y = Math.round(Math.random()* 200); 
mc_sq.x = Math.round(Math.random()* 300); 
mc_sq.buttonMode = true; 
addChild(mc_sq); 
} 

Answer 1

下面的代码已经被测试和工程

var items:Array = []; 

var numItems:Number = 16; 

for(var i:int; i < numItems; i++) { 
    var mc:Mc = new mc_square(); 
    mc.buttonMode = true; 
    addChild(mc); 

    while(!freezone(mc)) { 
     mc.x = Math.random() * 200; 
     mc.y = Math.random() * 300;  
    } 
    items.push(mc); 
} 

function freezone(mc:MovieClip):Boolean { 
    var hit:Boolean = false; 
    items.forEach(function(item:MovieClip, i:int, a:Array):void { 
     if(mc.hitTestObject(item)) { 
      hit = true; 
     } 
    }); 
    return !hit; 
} 

Answer 2

简单的点击测试将是一个简单的解决方案，但可能会遇到你遇到问题，如果有许多按钮，只限于这些空间。根据情况，更好的（也是更复杂的）解决方案可能是对空间进行光栅化并将按钮放入（几乎）随机移位的每个单元中：

// environment variables 
const numButtons:int = 16; 
const maxButtonWidth:int = DummyButton.MAX_WIDTH; 
const maxButtonHeight:int = DummyButton.MAX_HEIGHT; 
const width:Number = stage.stageWidth; 
const height:Number = stage.stageHeight; 
// pseudo-random positioning 
// ratio is needed for a proportional grid 
var areaRatio:Number = width/height; 
var maxButtonRatio:Number = maxButtonWidth/maxButtonHeight; 
// compute buttons per column and row (take aspect ratios into account) 
var cols:int = Math.floor(Math.sqrt(numButtons) * (areaRatio/maxButtonRatio)); 
var rows:int = Math.ceil(numButtons/cols); 
// available space for each button within a grid segment 
var spaceX:Number = (width - maxButtonWidth * cols)/cols; 
var spaceY:Number = (height - maxButtonHeight * rows)/rows; 
// throw an error if buttons won't fit (based on maximum dimensions) 
if (cols < 1 || rows < 1 || spaceX < 0 || spaceY < 0) { 
    throw new Error("buttons do not fit into area"); 
} 
// for every button 
for (var i:int = 0; i < numButtons; i++) { 
    var row:int = Math.floor(i/cols); 
    var col:int = i % cols; 
    var button:Sprite = new DummyButton(); 
    // coordinate = grid segment + random shift 
    button.x = col * (maxButtonWidth + spaceX) + Math.random() * spaceX; 
    button.y = row * (maxButtonHeight + spaceY) + Math.random() * spaceY; 
    stage.addChild(button); 
}