Layout 向容器添加组件时出现奇怪的水平线
将一系列代码中的容器添加到GUI builder中定义的容器时,屏幕宽度上会出现间隔均匀的水平线,与组件的任何边界无关 这是我的密码:Layout 向容器添加组件时出现奇怪的水平线,layout,codenameone,Layout,Codenameone,将一系列代码中的容器添加到GUI builder中定义的容器时,屏幕宽度上会出现间隔均匀的水平线,与组件的任何边界无关 这是我的密码: public Container[] renderArticles(ArrayList<HashMap<String, Object>> articles){ Container[] artArray = new Container[articles.size()]; for (int i = 0; i
public Container[] renderArticles(ArrayList<HashMap<String, Object>> articles){
Container[] artArray = new Container[articles.size()];
for (int i = 0; i < articles.size(); i++) {
final HashMap<String, Object> art = articles.get(i);
Container artCon = mStateMachine.createContainer(mStateMachine.res, "DocArticleItem");
ActionListener listen = new ActionListener() {
public void actionPerformed(ActionEvent evt) {
mStateMachine.currentArticleId = (String) art.get("id");
mStateMachine.showForm("Article", null);
}
};
Button artPic = mStateMachine.findArticlePic(artCon);
artPic.addActionListener(listen);
artPic.setIcon(mStateMachine.makeImageFromRaw((String)art.get("picture_data")));
SpanButton caption = (SpanButton)mStateMachine.findArticleTitle(artCon);
caption.setText((String) art.get("title"));
caption.addActionListener(listen);
artArray[i] = artCon;
}
return artArray;
}
public Container[] renderTips(ArrayList<HashMap<String, Object>> tips){
Container[] contArray = new Container[tips.size()];
for (int i = 0; i < tips.size(); i++) {
HashMap<String, Object> tip = tips.get(i);
Container tipCont = mStateMachine.createContainer(mStateMachine.res, "DocTipItem");
SpanLabel tipTitle = mStateMachine.findDocTipTitle(tipCont);
tipTitle.setText((String)tip.get("title"));
SpanLabel tipText = mStateMachine.findDocTipText(tipCont);
tipText.setText((String)tip.get("info"));
contArray[i] = tipCont;
}
// remove divider from last tip
Container last = contArray[contArray.length - 1];
Container line = (Container)last.getComponentAt(last.getComponentCount() - 1);
last.removeComponent(line);
return contArray;
}
final HashMap<String, Object> map = mStateMachine.expertCardInfo;
// populate tips
if (map.containsKey("tips")){
tipContainers = renderTips((ArrayList) map.get("tips"));
}else{
f.removeComponent(mStateMachine.findExpertTipsHeader(f));
f.removeComponent(mStateMachine.findExpertTipsContainer(f));
}
// populate articles
if (map.containsKey("articles")) {
articleContainers = renderArticles((ArrayList)map.get("articles"));
} else {
f.removeComponent(mStateMachine.findExpertArticlesHeader(f));
f.removeComponent(mStateMachine.findExpertArticlesContainer(f));
}
tl;dr:它是组件.setHidden()
的手动实现,由于某些原因,该组件无法正常工作。我根据从服务器获得的数据创建了一组容器,将它们粘贴在一个数组中,当单击按钮显示它们时,我迭代数组并将容器添加到父容器中(每个容器本质上都是一个列表项)
任何朝着正确方向的努力都将不胜感激
更新
UI层次结构如下所示:
Form (BoxLayout Y)
|
- Container (FlowLayout)
|
- Container (TableLayout)
|
- Container (TableLayout)
|
- Button
|
- Label
|
- Button (populates following container)
|
- Container (BoxLayout Y - doesn't show lines)
|
- Button (populates following container)
|
- Container (BoxLayout Y - shows lines)
|
- Button (populates following container)
|
- Container (BoxLayout Y - shows lines)
最后三个容器都有相同的UIID,它派生自Container
,只修改边距。不同之处在于添加到其中的容器。在第一个按钮中,我添加了一系列的span按钮
s(这些行不会出现)。在另外两个容器中,我添加了一系列预装配的容器,其中包含少量内容(并显示线条)。后一种情况下添加的容器具有以下样式属性:
cn1派生:容器;
保证金:0;
边框底部:细实心灰色
解决方案
我在css文件中定义的底部边框似乎导致了奇怪的线条。当我把这行注释掉时,它们就消失了。它不是仅在定义它的容器的底部进行渲染,而是在整个容器中进行渲染。我认为这是一个bug。检查GUI生成器,查看您的容器UIID是否没有背景图像样式,以及您的表单。我猜您看到的是上面代码中的“行”条目setHidden()
只会最小化组件请求的空间,而不会实际隐藏它。使用setVisible(false)
来真正隐藏组件。我在添加到代码中的容器上设置了一个边框底部
,在css文件中定义。这似乎触发了一个错误,导致整个容器中的边框都以偶数间隔呈现,而不仅仅是在容器底部。不,任何一个都没有背景。我看到的线条没有使用setHidden()
或setVisible()
setVisible()
相当于HTML中的display:none
,或者它仍然占用空间?请查看我的答案-这可能是css插件中的一个错误。你能发布你在设计器中看到的层次结构和你使用的主题元素吗?看看主题本身,在层次结构中是否定义了背景类型。您还可以在模拟器的组件检查器中检查可视组件层次结构。
Form (BoxLayout Y)
|
- Container (FlowLayout)
|
- Container (TableLayout)
|
- Container (TableLayout)
|
- Button
|
- Label
|
- Button (populates following container)
|
- Container (BoxLayout Y - doesn't show lines)
|
- Button (populates following container)
|
- Container (BoxLayout Y - shows lines)
|
- Button (populates following container)
|
- Container (BoxLayout Y - shows lines)