zoukankan      html  css  js  c++  java
  • [ActionScript 3.0] 分页排版

    竖排版:

    横排版:

    /***
    分页排版
    ***/
    var _column:int = 5;//列数
    var _row:int = 3;//行数
    var _vGap:Number = 20;//行间距
    var _hGap:Number = 10;//列间距
    var _len:int = 30;//实例总数
    var _pageW:Number = 500;//一页宽度
    var _pageH:Number = 400;//一页高度
    var _direction:String = "V";//排版方向H横,V竖
    
    for (var i:int = 0; i<_len; i++)
    {
        var menuLoader:MenuLoader = new MenuLoader();
        menuLoader.buttonMode = true;
        menuLoader.name = "loader_" + i;
        menuLoader.t.text = i.toString();
        var n:int = i-(Math.floor(i/(_column*_row)))*(_column*_row);
        if(_direction == "H"){
            var px:Number = (n%_column)*(menuLoader.width+_hGap)+menuLoader.width*0.5 +Math.floor(i/(_column*_row))*_pageW;
            var py:Number = Math.floor(n/_column)*(menuLoader.height+_vGap)+menuLoader.height*0.5 
        }else{
            px = (n%_column)*(menuLoader.width+_hGap)+menuLoader.width*0.5
            py = Math.floor(n/_column)*(menuLoader.height+_vGap)+menuLoader.height*0.5 +Math.floor(i/(_column*_row))*_pageH;
        }
        
        menuLoader.x = px;
        menuLoader.y = py;
        this.addChild(menuLoader);
    }
  • 相关阅读:
    Redis
    双向绑定篇
    Vue篇1
    css篇-页面布局-三栏布局
    css篇-简化版
    Promise篇
    几道JS代码手写面试题
    安全篇
    Vue篇
    跨域篇--JSONP原理
  • 原文地址:https://www.cnblogs.com/frost-yen/p/6023090.html
Copyright © 2011-2022 走看看