什么是组件_webview组件

什么是组件_webview组件1.FlowPanel普通容器1//普通的容器,使用HTML默认的布局行为2FlowPanelflowPanel=newFlowPanel();3flowPanel.add(n

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

1. FlowPanel 普通容器

1         //普通的容器,使用HTML默认的布局行为
2         FlowPanel flowPanel = new FlowPanel();
3         flowPanel.add(new Label("flowPanel"));
4         flowPanel.add(new Label("flowPanel"));
5 
6         for(int i = 0;i < 10;i++){
7             flowPanel.add(new RadioButton("test",String.valueOf(i)));
8         };

什么是组件_webview组件

 

2. HorizontalPanel 元素水平排列的容器

1         //元素水平排列的容器
2         HorizontalPanel horizontalPanel = new HorizontalPanel();
3         horizontalPanel.add(new Label("horizontalPanel"));
4 
5         for(int i = 0;i < 10;i++){
6             horizontalPanel.add(new RadioButton("test1",String.valueOf(i)));
7         };

什么是组件_webview组件

 

3. VerticalPanel 元素垂直排列的容器

1         //元素垂直排列的容器
2         VerticalPanel verticalPanel = new VerticalPanel();
3         verticalPanel.add(new Label("VerticalPanel"));
4 
5         for(int i = 0;i < 10;i++){
6             verticalPanel.add(new RadioButton("test2",String.valueOf(i)));
7         };
8         rootPanel.add(verticalPanel);

什么是组件_webview组件

 

4. FlexTable 弹性表格

 1         //弹性表格
 2         FlexTable flexTable = new FlexTable();
 3 
 4         //设置单元格的外边距
 5         flexTable.setCellSpacing(10);
 6         //设置单元格的内边距
 7         flexTable.setCellPadding(2);
 8         //设置单元格的边框粗细
 9         flexTable.setBorderWidth(2);
10 
11         //获取单元格格式编辑器
12         FlexTable.FlexCellFormatter flexCellFormatter = flexTable.getFlexCellFormatter();
13 
14         flexTable.setWidget(0,0,new Button("点击"));
15         //设置合并列的数量
16         flexCellFormatter.setColSpan(0,0,2);
17         //设置合并行的数量
18         flexCellFormatter.setWidth(0,0,"500px");
19 
20         //给单元格添加元素
21         flexTable.setWidget(1,0,new Button("点击"));
22         flexTable.setWidget(1,1,new Button("点击"));
23         flexTable.setWidget(2,0,new Button("点击"));
24         flexTable.setWidget(2,1,new Button("点击"));
25 
26         flexTable.setWidget(0,1,new Button("点击"));
27         flexCellFormatter.setRowSpan(0,1,3);
28         flexCellFormatter.setWidth(0,1,"200px");

什么是组件_webview组件

 

5. Grid 网格

1         //grid网格,需要设置初始大小
2         Grid grid = new Grid(2,2);
3 
4         grid.setWidget(0,0,new HTML("你好"));
5         grid.setWidget(1,1,new HTML("结束"));

什么是组件_webview组件

 

6. DeckPanel

 1         //实现类似于在同一个位置进行切换的效果
 2         DeckPanel deckPanel = new DeckPanel();
 3 
 4         deckPanel.setSize("300px","200px");
 5         deckPanel.add(new Label("标签1"));
 6         deckPanel.add(new Label("标签2"));
 7         deckPanel.add(new Label("标签3"));
 8         //根据索引来显示对应的Widget,按照添加的顺序来
 9         deckPanel.showWidget(0);
10         HorizontalPanel horizontalPanel1 = new HorizontalPanel();
11 
12         Button button = new Button("显示标签1");
13         Button button1 = new Button("显示标签2");
14         Button button2 = new Button("显示标签3");
15 
16         button.addClickHandler(new ClickHandler() {
17             @Override
18             public void onClick(ClickEvent event) {
19                 //显示对应位置
20                 deckPanel.showWidget(0);
21             }
22         });
23         button1.addClickHandler(new ClickHandler() {
24             @Override
25             public void onClick(ClickEvent event) {
26                 deckPanel.showWidget(1);
27             }
28         });
29         button2.addClickHandler(new ClickHandler() {
30             @Override
31             public void onClick(ClickEvent event) {
32                 deckPanel.showWidget(2);
33             }
34         });
35         horizontalPanel1.add(button);
36         horizontalPanel1.add(button1);
37         horizontalPanel1.add(button2);

什么是组件_webview组件

 

7. HtmlPanel html容器

1         //html容器
2         String htmlStr = "<div style='color:red'>测试</div>";
3         HTMLPanel htmlPanel = new HTMLPanel(htmlStr);
4 
5         rootPanel.add(htmlPanel);

什么是组件_webview组件

 

8. Composite 用于封装自定义的组件

 1 //封装好的组件    
 2 private static class MyLabel extends Composite{
 3         private Label label;
 4 
 5         public MyLabel() {
 6         }
 7 
 8         public MyLabel(String value) {
 9             label = new Label(value);
10 
11             //必要操作,包装你所用到的部件
12             initWidget(label);
13         }
14 
15     }
16 
17         //Composite用于包装部件来隐藏原有构建的方法。
18         MyLabel myLabel = new MyLabel("okok");

什么是组件_webview组件

 

9. SimplePanel 简单容器

1         //简单容器,只允许有一个子元素
2         SimplePanel simplePanel = new SimplePanel();
3         simplePanel.setHeight("50px");
4         simplePanel.add(new Label("ok"));

 

10. ScrollPanel 显示滚动条的容器

1         //会显示滚动条的容器,只允许有一个子元素
2         ScrollPanel scrollPanel = new ScrollPanel();
3         scrollPanel.setSize("300px","100px");
4         FlowPanel flowPanel1 = new FlowPanel();
5 
6         flowPanel1.add(new HTML("<div style='width:200px;height:200px;background:red'></div>"));
7         flowPanel1.add(new HTML("<div style='width:200px;height:200px;background:blue'></div>"));
8         scrollPanel.add(flowPanel1);

什么是组件_webview组件

 

11. FocusPanel 内容可聚焦容器

 1         //内容可聚焦,并添加捕获鼠标和键盘事件
 2         FocusPanel focusPanel = new FocusPanel();
 3 
 4         focusPanel.add(new Label("点击"));
 5         focusPanel.addClickHandler(new ClickHandler() {
 6             @Override
 7             public void onClick(ClickEvent event) {
 8                 Window.alert("点击");
 9             }
10         });

 

12. FormPanel 表单容器

 1         //表单容器
 2         FormPanel formPanel = new FormPanel();
 3         ArrayList<String> formCombines = new ArrayList<>(Arrays.asList("编号","姓名","年龄"));
 4         ArrayList<UIObject> formObjects = new ArrayList<>(Arrays.asList(new TextBox(),new TextBox(),new TextBox()));
 5         VerticalPanel verticalPanel1 = new VerticalPanel();
 6 
 7         for(int i = 0;i < (formCombines.size() == formObjects.size() ? formCombines.size() : 0);i++){
 8             HorizontalPanel horizontalPanel2 = new HorizontalPanel();;
 9 
10             horizontalPanel2.add(new Label(formCombines.get(i)));
11             horizontalPanel2.add((Widget) formObjects.get(i));
12 
13             verticalPanel1.add(horizontalPanel2);
14         }
15         formPanel.add(verticalPanel1);

什么是组件_webview组件

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167389.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 二分查找的Java实现「建议收藏」

    目录写在前面二分查找的原理代码实现学习感想写在前面二分查找是一个很有趣的算法,可以很大程度的提升性能,比如待查询的数组或其他集合很大的时候,二分查找的威力就可以体现出来。但是平时的工作中我们基本上不会去写二分查找,所以我觉得有必要写一篇博文来记录二分查找的学习。二分查找的原理所谓二分查找,其实就是获取一组有序数据的中间数据,判断其跟查询关键字的…

  • UDP 协议格式

    UDP 协议格式UDPRFC:https://tools.ietf.org/html/rfc768UDP协议和TCP协议同位于传输层,介于网络层(IP)和应用层之间:UDP数据部分位应用层报文。而UDP报文在IP中承载。UDP报文格式相对于简单,如下图:源端口:端口号0-65535,1-1024保留端口号,为标准的服务端口目的端口:同上UDP长度:header+data总长度UDP校验

  • Linux路由删除_删除路由命令 route delete

    Linux路由删除_删除路由命令 route deleteLinux中增加软路由的两种方法第一种:routeadd-net172.16.6.0netmask255.255.255.0gw172.16.2.254deveth0/*增加一条网络172.16.6.0/24经过172.16.2.254eth0*//*-net增加网络-host增加主机netmask子网掩码gw网关dev装置,设备,这里是你的网卡名*/ro…

  • js获取当前日期与时间_js获取只有年月日的日期

    js获取当前日期与时间_js获取只有年月日的日期vardate=newDate();date.getYear();//获取当前年份(2位)date.getFullYear();//获取完整的年份(4位)date.getMonth();//获取当前月份(0-11,0代表1月)date.getDate();//获取当前日(1-31)date.getDay();//获取当前星期X(0-6,0代表星期天)date.getTime();//获取当前时间(从1970.1.1开始的毫秒数)date.getH

  • laravel 表迁移报错[通俗易懂]

    laravel 表迁移报错[通俗易懂]laravel 表迁移报错

  • ImageView ScaleType 解析

    ImageView ScaleType 解析publicstaticenumScaleType{MATRIX,FIT_XY,FIT_START,FIT_CENTER,FIT_END,CENTER,CENTER_CROP,CENTER_INSIDE;private…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号