Browse Source
Merge in DESIGN/design from ~LEO.QIN/design:newui to newui * commit '24b5d6e5db214464de865a2e6ec5273177934054': REPORT-107973 主页及组件视觉样式翻新 【问题原因】rt 【改动思路】添加storybook。UI变量修改为非final属性。绘制中使用缩放。修改输入框相关组件UInewui
Leo.Qin-覃宇攀
1 year ago
26 changed files with 349 additions and 82 deletions
After Width: | Height: | Size: 803 B |
@ -0,0 +1,47 @@
|
||||
package com.fr.design.gui.storybook.components; |
||||
|
||||
import com.fr.design.foldablepane.UIExpandablePane; |
||||
import com.fr.design.gui.ibutton.UIButton; |
||||
import com.fr.design.gui.ilable.UILabel; |
||||
import com.fr.design.gui.storybook.StoryBoard; |
||||
|
||||
import javax.swing.JPanel; |
||||
import java.awt.BorderLayout; |
||||
|
||||
import static com.fine.swing.ui.layout.Layouts.*; |
||||
|
||||
/** |
||||
* 扩展面板 |
||||
* |
||||
* @author Leo.Qin |
||||
* @since 11.0 |
||||
* Created on 2023/12/14 |
||||
*/ |
||||
public class ExpandablePaneStoryBoard extends StoryBoard { |
||||
public ExpandablePaneStoryBoard() { |
||||
super("扩展面板"); |
||||
add(cell(new UIExpandablePane("扩展", 24, createContentPane()))); |
||||
add(cell(new UIExpandablePane("扩展2", 24, createContentPane2()))); |
||||
|
||||
} |
||||
|
||||
private JPanel createContentPane2() { |
||||
JPanel jPanel = new JPanel(); |
||||
UILabel label = new UILabel("扩展面板2"); |
||||
UIButton button = new UIButton("按钮2"); |
||||
jPanel.add(label, BorderLayout.WEST); |
||||
jPanel.add(button, BorderLayout.CENTER); |
||||
return jPanel; |
||||
} |
||||
|
||||
JPanel createContentPane() { |
||||
JPanel jPanel = new JPanel(); |
||||
UILabel label = new UILabel("扩展面板1"); |
||||
UIButton button = new UIButton("按钮1"); |
||||
jPanel.add(label, BorderLayout.WEST); |
||||
jPanel.add(button, BorderLayout.CENTER); |
||||
return jPanel; |
||||
} |
||||
|
||||
|
||||
} |
@ -0,0 +1,70 @@
|
||||
package com.fr.design.gui.storybook.components; |
||||
|
||||
import com.fr.design.data.datapane.management.search.pane.FineSearchPane; |
||||
import com.fr.design.gui.ilable.UILabel; |
||||
import com.fr.design.gui.ispinner.UISpinner; |
||||
import com.fr.design.gui.itextarea.UITextArea; |
||||
import com.fr.design.gui.itextfield.UITextField; |
||||
import com.fr.design.gui.storybook.StoryBoard; |
||||
import com.fr.design.mainframe.widget.accessibles.AccessibleBackgroundEditor; |
||||
|
||||
import static com.fine.swing.ui.layout.Layouts.*; |
||||
|
||||
/** |
||||
* 输入框相关组件 |
||||
* |
||||
* @author Leo.Qin |
||||
* @since 11.0 |
||||
* Created on 2023/12/14 |
||||
*/ |
||||
public class InputStoryBoard extends StoryBoard { |
||||
public InputStoryBoard() { |
||||
super("输入框"); |
||||
add( |
||||
cell(new UILabel("文本框")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UITextField("文本")), |
||||
|
||||
cell(new UILabel("文本框-禁用")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UITextField("文本")).with(it -> it.setEnabled(false)), |
||||
|
||||
cell(new UILabel("文本域")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UITextArea("下面一些近期重要通知公告、常用CRM&KMS页面链接,希望可以帮到你哦~ " + |
||||
"或者你可以找我的两个好兄弟“Fine人事”、“ISC服务平台Fine人事”的工位在“企业微信工作台-ISC”下面," + |
||||
"菜单栏里的内容可以解答一些常见问题 ISC服务平台”的工位在“CRM主页”," + |
||||
"你也可以点此链接快速访问→ISC服务平台(finereporthelp.com)长远希望把它打造为一个全公司重要通知、" + |
||||
"常用入口的服务平台,如有意见建议,欢迎多多反馈Jewel-朱朱~如果觉得我可以帮到你," + |
||||
"请滑到页面左下角给我点个赞吧(#^.^#)")), |
||||
|
||||
cell(new UILabel("文本域-禁用")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UITextArea("下面一些近期重要通知公告、常用CRM&KMS页面链接," + |
||||
"希望可以帮到你哦~ 或者你可以找我的两个好兄弟“Fine人事”、" + |
||||
"“ISC服务平台Fine人事”的工位在“企业微信工作台-ISC”下面," + |
||||
"菜单栏里的内容可以解答一些常见问题 ISC服务平台”的工位在“CRM主页”" + |
||||
",你也可以点此链接快速访问→ISC服务平台(finereporthelp.com)长远希望把它打造为一个全公司重要通知、" + |
||||
"常用入口的服务平台,如有意见建议,欢迎多多反馈Jewel-朱朱~如果觉得我可以帮到你," + |
||||
"请滑到页面左下角给我点个赞吧(#^.^#)")).with(it -> it.setEnabled(false)), |
||||
|
||||
cell(new UILabel("数字步进(0~100,步长:1)")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UISpinner(0, 100, 1, 50)), |
||||
|
||||
cell(new UILabel("数字步进-禁用")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UISpinner(0, 100, 1, 50)).with(it -> it.setEnabled(false)), |
||||
|
||||
cell(new UILabel("搜索框")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new FineSearchPane()), |
||||
|
||||
cell(new UILabel("搜索框-禁用")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new FineSearchPane()).with(it -> { |
||||
it.setEnabled(false); |
||||
it.setText("搜索文本"); |
||||
}), |
||||
|
||||
cell(new UILabel("输入框-更多,带按钮")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new AccessibleBackgroundEditor()), |
||||
|
||||
cell(new UILabel("输入框-更多,带按钮-禁用")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new AccessibleBackgroundEditor()).with(it -> it.setEnabled(false)) |
||||
); |
||||
|
||||
} |
||||
} |
@ -0,0 +1,24 @@
|
||||
package com.fr.design.gui.storybook.components; |
||||
|
||||
import com.fr.design.gui.ilable.UILabel; |
||||
import com.fr.design.gui.storybook.StoryBoard; |
||||
import com.fr.design.mainframe.JFormSliderPane; |
||||
|
||||
import static com.fine.swing.ui.layout.Layouts.*; |
||||
|
||||
/** |
||||
* 滑块 |
||||
* |
||||
* @author Leo.Qin |
||||
* @since 11.0 |
||||
* Created on 2023/12/14 |
||||
*/ |
||||
public class SliderStoryBoard extends StoryBoard { |
||||
public SliderStoryBoard() { |
||||
super("滑块"); |
||||
add( |
||||
cell(new UILabel("面板缩放滑块")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
row(cell(new JFormSliderPane())) |
||||
); |
||||
} |
||||
} |
@ -0,0 +1,37 @@
|
||||
package com.fr.design.gui.storybook.components; |
||||
|
||||
import com.fr.design.gui.ibutton.UIButton; |
||||
import com.fr.design.gui.ilable.UILabel; |
||||
import com.fr.design.gui.storybook.StoryBoard; |
||||
|
||||
import static com.fine.swing.ui.layout.Layouts.*; |
||||
|
||||
/** |
||||
* 提示框 |
||||
* |
||||
* @author Leo.Qin |
||||
* @since 11.0 |
||||
* Created on 2023/12/14 |
||||
*/ |
||||
public class ToolTipStoryBoard extends StoryBoard { |
||||
public ToolTipStoryBoard() { |
||||
super("提示框"); |
||||
add( |
||||
cell(new UILabel("组件启用状态下的提示")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UIButton("组件")).with(it -> it.setToolTipText("组件启用状态下的提示")), |
||||
cell(new UILabel("组件禁用状态下的提示")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UIButton("组件")).with(it -> { |
||||
it.setEnabled(false); |
||||
it.setToolTipText("组件禁用状态下的提示"); |
||||
}), |
||||
cell(new UILabel("较长提示")).with(it -> it.setFont(labelFont.deriveFont(14f))), |
||||
cell(new UIButton("组件")).with(it -> it.setToolTipText("下面一些近期重要通知公告、常用CRM&KMS页面链接," + |
||||
"希望可以帮到你哦~ 或者你可以找我的两个好兄弟“Fine人事”、" + |
||||
"“ISC服务平台Fine人事”的工位在“企业微信工作台-ISC”下面," + |
||||
"菜单栏里的内容可以解答一些常见问题 ISC服务平台”的工位在“CRM主页”," + |
||||
"你也可以点此链接快速访问→ISC服务平台(finereporthelp.com)长远希望把它打造为一个全公司重要通知、" + |
||||
"常用入口的服务平台,如有意见建议,欢迎多多反馈Jewel-朱朱~" + |
||||
"如果觉得我可以帮到你,请滑到页面左下角给我点个赞吧(#^.^#)")) |
||||
); |
||||
} |
||||
} |
Loading…
Reference in new issue