如何在 Eclipse RAP 中实现响应式设计?
How to implement repsonsive design in Eclipse RAP?
Eclipse RAP(远程应用程序平台)项目提供了一种使用 SWT 编写 Web 应用程序的方法。
由于单一来源,编写的代码也可以用于桌面 SWT/RCP 应用程序。
由于它是 Web 应用程序的框架,我想知道它是否支持响应式设计?
如果是这样,一个简单的例子会很棒。它不需要与 RCP 兼容。
我在互联网上没有找到很多,是否有任何支持响应式设计的努力?
由于 RAP 使您免受网络技术的影响,本机 CSS 和其他 web-techniques 将无法使用。
总而言之,您可能必须实施一种或多种自定义布局,以相应地适应可用的 space 和 show/hide/resize 托管控件。
您可能还想使用自定义控件或操纵现有控件以适应可用的 space。在一些地方。例如,当 space 变得稀少时隐藏工具栏按钮上的文本。
还可以在一定程度上利用 RAP 主题,以更改某些控件的外观和 space。
进一步阅读:
EclipseCon 2014 演讲:https://www.eclipsecon.org/na2014/sites/default/files/slides/Responsive%20Applications%20Tutorial%20-%20EclipseCon%202014.pdf
博客 post 包含有关使用 SWT 的响应式 UI 的代码示例:http://www.codeaffine.com/2014/02/24/responsive-uis-with-eclipse-and-swt/
RAP 主题:https://eclipse.org/rap/developers-guide/devguide.php?topic=theming.html
了解 SWT 布局:https://www.eclipse.org/articles/article.php?file=Article-Understanding-Layouts/index.html(忽略弃用警告,核心概念此后没有改变)
您可以使用 Tabris 创建的 Passe-Partout 使其响应。这适用于 RAP,应该与 RCP 兼容。
他们制作了自定义布局:FluidGridLayout。
最好通过工厂使用它class com.eclipsesource.tabris.passepartout.PassePartout.
来源可在 github 上找到:
https://github.com/eclipsesource/tabris/tree/master/com.eclipsesource.tabris.passepartout
将此插件添加到您的依赖项或仅复制您项目中的源代码。
有关基本信息,请参阅 eclipsesource 上的博文:
https://eclipsesource.com/products/tabris/eclipse-rap-documentation/responsive-design/
它的妙处在于,您可以在 java.
中对所有内容进行编程
我现在遇到的唯一问题是滚动。
在我的例子中,我有一个 workbench,我的 editorpart 需要一个 scrolledcomposite,只设置为 V_SCROLL。我添加了两个调整大小的侦听器来设置滚动复合材料的新最小尺寸。
- 当整个浏览器调整大小时,显示一个调整大小监听器。
- 当只有编辑器部分调整大小时,父级的第二个调整大小侦听器。 (当调整视图大小时或编辑器部分最大化时)
Eclipse RAP(远程应用程序平台)项目提供了一种使用 SWT 编写 Web 应用程序的方法。 由于单一来源,编写的代码也可以用于桌面 SWT/RCP 应用程序。
由于它是 Web 应用程序的框架,我想知道它是否支持响应式设计?
如果是这样,一个简单的例子会很棒。它不需要与 RCP 兼容。
我在互联网上没有找到很多,是否有任何支持响应式设计的努力?
由于 RAP 使您免受网络技术的影响,本机 CSS 和其他 web-techniques 将无法使用。
总而言之,您可能必须实施一种或多种自定义布局,以相应地适应可用的 space 和 show/hide/resize 托管控件。
您可能还想使用自定义控件或操纵现有控件以适应可用的 space。在一些地方。例如,当 space 变得稀少时隐藏工具栏按钮上的文本。
还可以在一定程度上利用 RAP 主题,以更改某些控件的外观和 space。
进一步阅读:
EclipseCon 2014 演讲:https://www.eclipsecon.org/na2014/sites/default/files/slides/Responsive%20Applications%20Tutorial%20-%20EclipseCon%202014.pdf
博客 post 包含有关使用 SWT 的响应式 UI 的代码示例:http://www.codeaffine.com/2014/02/24/responsive-uis-with-eclipse-and-swt/
RAP 主题:https://eclipse.org/rap/developers-guide/devguide.php?topic=theming.html
了解 SWT 布局:https://www.eclipse.org/articles/article.php?file=Article-Understanding-Layouts/index.html(忽略弃用警告,核心概念此后没有改变)
您可以使用 Tabris 创建的 Passe-Partout 使其响应。这适用于 RAP,应该与 RCP 兼容。
他们制作了自定义布局:FluidGridLayout。
最好通过工厂使用它class com.eclipsesource.tabris.passepartout.PassePartout.
来源可在 github 上找到: https://github.com/eclipsesource/tabris/tree/master/com.eclipsesource.tabris.passepartout
将此插件添加到您的依赖项或仅复制您项目中的源代码。
有关基本信息,请参阅 eclipsesource 上的博文: https://eclipsesource.com/products/tabris/eclipse-rap-documentation/responsive-design/
它的妙处在于,您可以在 java.
中对所有内容进行编程我现在遇到的唯一问题是滚动。 在我的例子中,我有一个 workbench,我的 editorpart 需要一个 scrolledcomposite,只设置为 V_SCROLL。我添加了两个调整大小的侦听器来设置滚动复合材料的新最小尺寸。
- 当整个浏览器调整大小时,显示一个调整大小监听器。
- 当只有编辑器部分调整大小时,父级的第二个调整大小侦听器。 (当调整视图大小时或编辑器部分最大化时)