设置 AutoCompleteTextField 的弹出列表的样式
Style the popup list of an AutoCompleteTextField
以下代码无法为 AutoCompleteTextField 的弹出项设置样式。解决方法是什么?
Java:
Form hi = new Form("CSS Test", BoxLayout.y());
AutoCompleteTextField ac = new AutoCompleteTextField("Short", "Shock", "Sholder", "Shrek");
ac.setMinimumElementsShownInPopup(5);
hi.add(ac);
hi.show();
CSS:
AutoCompleteList {
font-size: 2.5mm;
font-family: "native:MainLight";
color: black;
background-color: white;
}
AutoCompleteList.pressed, AutoCompleteList.selected {
color: blue;
}
截图:
我刚找到一个可能的解决方案:
Java
Form hi = new Form("CSS Test", BoxLayout.y());
AutoCompleteTextField ac = new AutoCompleteTextField("Short", "Shock", "Sholder", "Shrek");
ac.setMinimumElementsShownInPopup(5);
ac.setCompletionRenderer(getCompletionRenderer());
hi.add(ac);
hi.show();
和
private ListCellRenderer getCompletionRenderer() {
DefaultListCellRenderer render = new DefaultListCellRenderer(false);
render.setUIID("MyAutoCompleteList");
return render;
}
CSS:
MyAutoCompleteList {
font-size: 2.5mm;
font-family: "native:MainLight";
color: black;
background-color: white;
margin: 0px;
padding: 3mm;
border: 1pt black solid;
}
MyAutoCompleteList.pressed, MyAutoCompleteList.selected {
background-color: yellow;
color: blue;
}
以下代码无法为 AutoCompleteTextField 的弹出项设置样式。解决方法是什么?
Java:
Form hi = new Form("CSS Test", BoxLayout.y());
AutoCompleteTextField ac = new AutoCompleteTextField("Short", "Shock", "Sholder", "Shrek");
ac.setMinimumElementsShownInPopup(5);
hi.add(ac);
hi.show();
CSS:
AutoCompleteList {
font-size: 2.5mm;
font-family: "native:MainLight";
color: black;
background-color: white;
}
AutoCompleteList.pressed, AutoCompleteList.selected {
color: blue;
}
截图:
我刚找到一个可能的解决方案:
Java
Form hi = new Form("CSS Test", BoxLayout.y());
AutoCompleteTextField ac = new AutoCompleteTextField("Short", "Shock", "Sholder", "Shrek");
ac.setMinimumElementsShownInPopup(5);
ac.setCompletionRenderer(getCompletionRenderer());
hi.add(ac);
hi.show();
和
private ListCellRenderer getCompletionRenderer() {
DefaultListCellRenderer render = new DefaultListCellRenderer(false);
render.setUIID("MyAutoCompleteList");
return render;
}
CSS:
MyAutoCompleteList {
font-size: 2.5mm;
font-family: "native:MainLight";
color: black;
background-color: white;
margin: 0px;
padding: 3mm;
border: 1pt black solid;
}
MyAutoCompleteList.pressed, MyAutoCompleteList.selected {
background-color: yellow;
color: blue;
}