guy
3 years ago
11 changed files with 212 additions and 113 deletions
@ -1,43 +0,0 @@ |
|||||||
package com.tptj.tool.hg.fineui.swing.element.layout.impl; |
|
||||||
|
|
||||||
import com.tptj.tool.hg.fineui.swing.element.Element; |
|
||||||
|
|
||||||
import javax.swing.*; |
|
||||||
import java.awt.*; |
|
||||||
|
|
||||||
import static com.tptj.tool.hg.fineui.swing.element.layout.impl.BaseFineUILayout.MAX_SIZE; |
|
||||||
import static com.tptj.tool.hg.fineui.swing.element.layout.impl.BaseFineUILayout.NOT_EXIST; |
|
||||||
|
|
||||||
/** |
|
||||||
* @author 秃破天际 |
|
||||||
* @version 10.0 |
|
||||||
* Created by 秃破天际 on 2021/11/1 |
|
||||||
**/ |
|
||||||
public class CenterLayout extends BoxLayout { |
|
||||||
protected Element element; |
|
||||||
|
|
||||||
public CenterLayout(Element target, int axis) { |
|
||||||
super(target.getComponent(), axis); |
|
||||||
element = target; |
|
||||||
} |
|
||||||
|
|
||||||
@Override |
|
||||||
public Dimension preferredLayoutSize(Container parent) { |
|
||||||
Dimension dim = super.preferredLayoutSize(parent); |
|
||||||
int w = element.getRectStyleAttr("width", MAX_SIZE, NOT_EXIST); |
|
||||||
int h = element.getRectStyleAttr("height", MAX_SIZE, NOT_EXIST); |
|
||||||
Dimension realDim = new Dimension(w, h); |
|
||||||
if (w == MAX_SIZE || w == NOT_EXIST) { |
|
||||||
realDim.width = dim.width; |
|
||||||
} |
|
||||||
if (h == MAX_SIZE || h == NOT_EXIST) { |
|
||||||
realDim.height = dim.height; |
|
||||||
} |
|
||||||
return realDim; |
|
||||||
} |
|
||||||
|
|
||||||
@Override |
|
||||||
public void layoutContainer(Container parent) { |
|
||||||
super.layoutContainer(parent); |
|
||||||
} |
|
||||||
} |
|
@ -0,0 +1,138 @@ |
|||||||
|
!(function () { |
||||||
|
|
||||||
|
var V = BI.inherit(BI.Widget, { |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.vertical_adapt", |
||||||
|
columnSize: [300, "fill"], |
||||||
|
hgap: 30, |
||||||
|
scrollable: true, |
||||||
|
css: { |
||||||
|
background: "rgb(200,200,200)" |
||||||
|
}, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: "垂直居中布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "垂直居中布局" |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("my.vertical_adapt", V); |
||||||
|
var H = BI.inherit(BI.Widget, { |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal", |
||||||
|
columnSize: [300, 300, 300, 300, 300, 300, 300, 300], |
||||||
|
// scrollx: false,
|
||||||
|
hgap: 30, |
||||||
|
css: { |
||||||
|
background: "rgb(150,150,200)" |
||||||
|
}, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平布局" |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("my.horizontal", H); |
||||||
|
var C = BI.inherit(BI.Widget, { |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.center_adapt", |
||||||
|
hgap: 30, |
||||||
|
css: { |
||||||
|
background: "rgb(150,150,150)" |
||||||
|
}, |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
text: "水平垂直居中布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平垂直居中布局" |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "水平垂直居中布局" |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("my.center_adapt", C); |
||||||
|
|
||||||
|
var Widget = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
width: 600, |
||||||
|
height: 300 |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.vertical", |
||||||
|
vgap: 20, |
||||||
|
hgap: 20, |
||||||
|
horizontalAlign: "center", |
||||||
|
items: [{ |
||||||
|
type: "my.vertical_adapt", |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.horizontal", |
||||||
|
width: 400, |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.center_adapt", |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.vertical_adapt", |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.horizontal", |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.center_adapt", |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.vertical_adapt", |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.horizontal", |
||||||
|
height: 100 |
||||||
|
}, { |
||||||
|
type: "my.center_adapt", |
||||||
|
height: 100 |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("my.app", Widget); |
||||||
|
|
||||||
|
BI.createWidget({ |
||||||
|
type: "my.app", |
||||||
|
element: body |
||||||
|
}); |
||||||
|
})(); |
Loading…
Reference in new issue