PageRenderTime 53ms CodeModel.GetById 16ms RepoModel.GetById 0ms app.codeStats 1ms

/substance/www/release-info/2.2/release-info.html

https://github.com/alexandraleahu/insubstantial
HTML | 350 lines | 328 code | 22 blank | 0 comment | 0 complexity | 0bb80fc716f5a3a4999e8e1eed5d863b MD5 | raw file
Possible License(s): BSD-3-Clause, Apache-2.0, CC-BY-SA-3.0, LGPL-2.1, MPL-2.0-no-copyleft-exception 
    

  1. <html>
    2. 

  2. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Language" content="en-us">
    5. 

  5. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    6. 

  6. <title>Substance 2.2 release</title>
    7. 

  7. </head>
    8. 

  8. 

  9. <body>
    10. 

  10. 

  11. <h1>Substance 2.2 <font color="darkblue">El Paso</font> - new features</h1>
    12. 

  12. <table border="0" cellpadding="10" cellspacing="0" width="100%">
    13. 

  13.   <tr>
    14. 

  14.     <td colspan="2">
    15. 

  15.       <hr>
    16. 

  16.     </td>
    17. 

  17.   </tr>
    18. 

  18.   <tr>
    19. 

  19.     <td width="20%" valign="top" align="left">
    20. 

  20.       <p align="right"><b>Localization and internationalization</b></td>
    21. 

  21.     <td width="80%" valign="top">All <b>Substance</b>-specific labels (system
    22. 

  22.     menu entries, Xoetrope color chooser panel, heap status panel, menu search panel, ...)
    23. 

  23.     are internationalized. See <a href="../../docs/internationalization.html">this document</a>
    24. 

  24.     for the list of available translations.
    25. 

  25.     <br><br>
    26. 

  26.     <table border=0>
    27. 

  27.     <tr>
    28. 

  28.     <td>
    29. 

  29.     <img src="localization-system-menu.png" width="297" height="188"><br><br>
    30. 

  30.     <img src="localization-menu-search.png" width="234" height="47"><br><br>
    31. 

  31.     <img src="localization-menu-search2.png" width="205" height="50"><br><br>
    32. 

  32.     <img src="localization-heap-panel.png" width="177" height="40"><br><br>
    33. 

  33.     </td>
    34. 

  34.     <td>
    35. 

  35.     <img src="localization-color-chooser.png" width="269" height="463">
    36. 

  36.     </td>
    37. 

  37.     </tr>
    38. 

  38.     </table>
    39. 

  39.     </td>
    40. 

  40.   </tr>
    41. 

  41.   
    42. 

  42.   <tr>
    43. 

  43.     <td colspan="2">
    44. 

  44.       <hr>
    45. 

  45.     </td>
    46. 

  46.   </tr>
    47. 

  47.   <tr>
    48. 

  48.     <td width="20%" valign="top" align="left">
    49. 

  49.       <p align="right"><b>Vertical (rotated) tabs in tabbed panes</b></td>
    50. 

  50.     <td width="80%" valign="top">Tabs in tabbed panes under <b>LEFT</b> and
    51. 

  51.     <b>RIGHT</b> placement can be layed out vertically (rotated). In addition,
    52. 

  52.     the icon can be drawn either rotated (with the tab) or unrotated. See <a 
    53. 

  53.     href="http://weblogs.java.net/blog/kirillcool/archive/2005/12/spicing_up_your_1.html">this blog entry</a>
    54. 

  54.     for the description on how to use this feature.    
    55. 

  55.     <br><br><img src="tabs-vertical.png" width="273" height="317">
    56. 

  56.     </td>
    57. 

  57.   </tr>
    58. 

  58. 

  59.   <tr>
    60. 

  60.     <td colspan="2">
    61. 

  61.       <hr>
    62. 

  62.     </td>
    63. 

  63.   </tr>
    64. 

  64.   <tr>
    65. 

  65.     <td width="20%" valign="top" align="left">
    66. 

  66.       <p align="right"><b>Strength checking on passwords</b></td>
    67. 

  67.     <td width="80%" valign="top">Password fields can provide visual feedback
    68. 

  68.     on the strength of the currently set contents (password). See <a
    69. 

  69.     href="http://weblogs.java.net/blog/kirillcool/archive/2005/12/visual_feedback.html">this blog entry</a>
    70. 

  70.     for the description on how to use this feature. See <a href="password-strength.avi">22-second</a> AVI 
    71. 

  71.     movie (412 KB) illustrating the technique.
    72. 

  72.     <br><br>
    73. 

  73.     <img src="password-strength-weak.png" width="250" height="48"><br><br>
    74. 

  74.     <img src="password-strength-medium.png" width="250" height="59"><br><br>
    75. 

  75.     <img src="password-strength-strong.png" width="250" height="51">
    76. 

  76.     </td>
    77. 

  77.   </tr>
    78. 

  78. 

  79.   <tr>
    80. 

  80.     <td colspan="2">
    81. 

  81.       <hr>
    82. 

  82.     </td>
    83. 

  83.   </tr>
    84. 

  84.   <tr>
    85. 

  85.     <td width="20%" valign="top" align="left">
    86. 

  86.       <p align="right"><b>Specular gradient painter for buttons</b></td>
    87. 

  87.     <td width="80%" valign="top">Added optional specular gradient painter for buttons. Can be set using:
    88. 

  88.     <ul>
    89. 

  89.     <li><font color="darkblue">-Dsubstancelaf.gradientPainter=org.jvnet.substance.painter.SpecularGradientPainter</font>
    90. 

  90.     - for all application buttons.
    91. 

  91.     <li><font color="darkblue">SubstanceLookAndFeel.setCurrentGradientPainter("org.jvnet.substance.painter.SpecularGradientPainter")</font>
    92. 

  92.     - for all application buttons.
    93. 

  93.     <li><font color="darkblue">SubstanceLookAndFeel.setCurrentGradientPainter(new SpecularGradientPainter())</font>
    94. 

  94.     - for all application buttons.
    95. 

  95.     <li>Using client property <font color="darkblue">SubstanceLookAndFeel.GRADIENT_PAINTER_PROPERTY</font>
    96. 

  96.     on a specific button. Value should be <font color="darkblue">"org.jvnet.substance.painter.SpecularGradientPainter"</font>
    97. 

  97.     string.
    98. 

  98.     </ul>
    99. 

  99.     <img src="specular-highlight.png" width="206" height="139">
    100. 

  100.     </td>
    101. 

  101.   </tr>
    102. 

  102. 

  103.   <tr>
    104. 

  104.     <td colspan="2">
    105. 

  105.       <hr>
    106. 

  106.     </td>
    107. 

  107.   </tr>
    108. 

  108.   <tr>
    109. 

  109.     <td width="20%" valign="top" align="left">
    110. 

  110.       <p align="right"><b>Focus ring kinds</b></td>
    111. 

  111.     <td width="80%" valign="top">Added option to specify the focus ring kind. The focus ring kind is
    112. 

  112.     specified in the <font color="darkblue">org.jvnet.substance.utils.SubstanceConstants.FocusKind</font> 
    113. 

  113.     enum and can be specified on any component.  At runtime, the value is taken from:
    114. 

  114.     <ul>
    115. 

  115.      <li>The component itself.
    116. 

  116.      <li>The closest parent of the component.
    117. 

  117.      <li>The <b>UIManager</b> table.
    118. 

  118.     </ul>
    119. 

  119.     The default value is <b>FocusKind.ALL_INNER</b>:<br><br>
    120. 

  120.     <img src="focus-all-inner.png" width="91" height="53">
    121. 

  121.     </td>
    122. 

  122.   </tr>
    123. 

  123. 

  124.   <tr>
    125. 

  125.     <td colspan="2">
    126. 

  126.       <hr>
    127. 

  127.     </td>
    128. 

  128.   </tr>
    129. 

  129.   <tr>
    130. 

  130.     <td width="20%" valign="top" align="left">
    131. 

  131.       <p align="right"><b>Watermark bleeding</b></td>
    132. 

  132.     <td width="80%" valign="top">Added option to specify that the watermark should "bleed"
    133. 

  133.     through opaque trees, lists and tables. When this option is turned on, the watermark
    134. 

  134.     is drawn with 40% translucency on text fields. This option can be turned on by specifying:
    135. 

  135.     <ul>
    136. 

  136.     <li><font color="darkblue">-Dsubstancelaf.watermark.tobleed</font> - no value needed.
    137. 

  137.     <li><font color="darkblue">UIManager.put(SubstanceLookAndFeel.WATERMARK_TO_BLEED,
    138. 

  138.        Boolean.TRUE);</font>
    139. 

  139.     </ul>
    140. 

  140.     Note that this option will have no effect on cell renderers that fill their
    141. 

  141.     background programmatically (as shown in the below image on the selected
    142. 

  142.     tree entry):<br><br>
    143. 

  143.     <img src="watermark-bleed.png" width="239" height="180">
    144. 

  144.     <br><br><img src="watermark-bleed-text.png" width="385" height="211">
    145. 

  145.     </td>
    146. 

  146.   </tr>
    147. 

  147. 

  148.   <tr>
    149. 

  149.     <td colspan="2">
    150. 

  150.       <hr>
    151. 

  151.     </td>
    152. 

  152.   </tr>
    153. 

  153.   <tr>
    154. 

  154.     <td width="20%" valign="top" align="left">
    155. 

  155.       <p align="right"><b>Watermark ignore</b></td>
    156. 

  156.     <td width="80%" valign="top">Added option to specify that the watermark should not be drawn
    157. 

  157.     on a specific component or at all. This option can be turned on by specifying:
    158. 

  158.     <ul>
    159. 

  159.     <li><font color="darkblue">component.putClientProperty(SubstanceLookAndFeel.WATERMARK_IGNORE,
    160. 

  160.        Boolean.TRUE);</font>
    161. 

  161.     <li><font color="darkblue">UIManager.put(SubstanceLookAndFeel.WATERMARK_IGNORE,
    162. 

  162.        Boolean.TRUE);</font>
    163. 

  163.     </ul>
    164. 

  164.     <img src="watermark-bleed-ignore.png" width="537" height="195">
    165. 

  165.     </td>
    166. 

  166.   </tr>
    167. 

  167. 

  168.   <tr>
    169. 

  169.     <td colspan="2">
    170. 

  170.       <hr>
    171. 

  171.     </td>
    172. 

  172.   </tr>
    173. 

  173.   <tr>
    174. 

  174.     <td width="20%" valign="top" align="left">
    175. 

  175.       <p align="right"><b>Specifying base and extra font size</b></td>
    176. 

  176.     <td width="80%" valign="top">Added API for setting base and extra font size for
    177. 

  177.     all the controls. The following two functions are provided in the 
    178. 

  178.     <b>SubstanceLookAndFeel</b>:
    179. 

  179.     <ul>
    180. 

  180.      <li><font color="darkblue">public static void setBasicFontSize(int value);</font>
    181. 

  181.      <li><font color="darkblue">public static void setFontSizeExtra(int value);</font>
    182. 

  182.     </ul>
    183. 

  183.     The default base font size is OS-specific (13 points for Mac, 11 points for other OSes).
    184. 

  184.     The default font family is OS-specific (<b>Lucida Grande</b> for Mac, <b>Tahoma</b>
    185. 

  185.     for other OSes where available, except under Korean, Chinese and Thai locale, and 
    186. 

  186.     <b>dialog</b> otherwise).<br><br>
    187. 

  187.     <img src="font-size-minus1.png" width="207" height="109">
    188. 

  188.     <img src="font-size-default.png" width="207" height="112">
    189. 

  189.     <img src="font-size-plus1.png" width="207" height="113">
    190. 

  190.   </tr>
    191. 

  191.   
    192. 

  192.   <tr>
    193. 

  193.     <td colspan="2">
    194. 

  194.       <hr>
    195. 

  195.     </td>
    196. 

  196.   </tr>
    197. 

  197.   <tr>
    198. 

  198.     <td width="20%" valign="top" align="left">
    199. 

  199.       <p align="right"><b>Toolbar buttons</b></td>
    200. 

  200.     <td width="80%" valign="top">Buttons in toolbar are flat. Only on rollover (fade in / fade out)
    201. 

  201.     the background is seen.<br><br>
    202. 

  202.     <img src="toolbar-buttons.png" width="123" height="84"><br><br>
    203. 

  203.     Before:<br>
    204. 

  204.     <img src="toolbar-buttons-before.png" width="435" height="39"><br><br>
    205. 

  205.     After:<br>
    206. 

  206.     <img src="toolbar-buttons-after.png" width="435" height="39">
    207. 

  207.     </td>
    208. 

  208.   </tr>
    209. 

  209. 

  210.   <tr>
    211. 

  211.     <td colspan="2">
    212. 

  212.       <hr>
    213. 

  213.     </td>
    214. 

  214.   </tr>
    215. 

  215.   <tr>
    216. 

  216.     <td width="20%" valign="top" align="left">
    217. 

  217.       <p align="right"><b>Support for Matisse baseline alignment</b></td>
    218. 

  218.     <td width="80%" valign="top">The <a href="https://substance-netbeans.dev.java.net">Substance
    219. 

  219.     Netbeans</a> module provides support for baseline alignment in Matisse UI designer.<br><br>
    220. 

  220.     <img src="netbeans-baseline.png" width="372" height="47">
    221. 

  221.     </td>
    222. 

  222.   </tr>
    223. 

  223. 

  224.   <tr>
    225. 

  225.     <td colspan="2">
    226. 

  226.       <hr>
    227. 

  227.     </td>
    228. 

  228.   </tr>
    229. 

  229.   <tr>
    230. 

  230.     <td width="20%" valign="top" align="left">
    231. 

  231.       <p align="right"><b>Gradient background on menu icons</b></td>
    232. 

  232.     <td width="80%" valign="top">The "icon gutter" on menus (regular and popup)
    233. 

  233.     has theme-based gradient background. In addition, the menu separator is not
    234. 

  234.     drawn in the icon gutter area.<br><br>
    235. 

  235.     <img src="menu-icon-gutter.png" width="255" height="261">
    236. 

  236.     </td>
    237. 

  237.   </tr>
    238. 

  238. 

  239.   <tr>
    240. 

  240.     <td colspan="2">
    241. 

  241.       <hr>
    242. 

  242.     </td>
    243. 

  243.   </tr>
    244. 

  244.   <tr>
    245. 

  245.     <td width="20%" valign="top" align="left">
    246. 

  246.       <p align="right"><b>Marking non-editable text components</b></td>
    247. 

  247.     <td width="80%" valign="top">Non-editable text components display an overlayed lock icon:
    248. 

  248.     <br><br>
    249. 

  249.     <img src="lock-textfield.png" width="180" height="50">
    250. 

  250.     <img src="lock-textpane.png" width="251" height="55">
    251. 

  251.     </td>
    252. 

  252.   </tr>
    253. 

  253. 

  254.   <tr>
    255. 

  255.     <td colspan="2">
    256. 

  256.       <hr>
    257. 

  257.     </td>
    258. 

  258.   </tr>
    259. 

  259.   <tr>
    260. 

  260.     <td width="20%" valign="top" align="left">
    261. 

  261.       <p align="right"><b>Auto-completion on editable comboboxes</b></td>
    262. 

  262.     <td width="80%" valign="top">Merged refactored version of 
    263. 

  263.     <a href="http://www.orbital-computer.de/JComboBox">auto-completion support</a>
    264. 

  264.     in editable comboboxes by <b>Thomas Bierhance</b>.<br><br>
    265. 

  265.     <img src="combobox-auto-completion.png" width="102" height="114">
    266. 

  266.     <br><br>
    267. 

  267.     Editable comboboxes marked with <font color="darkblue">SubstanceLookAndFeel.COMBO_BOX_USE_MODEL_ONLY</font>
    268. 

  268.     property allow completion-only (no other values allowed). In this case, a lock icon
    269. 

  269.     is overlayed on the combobox:
    270. 

  270.     <br><br>
    271. 

  271.     <img src="lock-combobox.png" width="271" height="55">
    272. 

  272.     
    273. 

  273.     </td>
    274. 

  274.   </tr>
    275. 

  275. 

  276.   <tr>
    277. 

  277.     <td colspan="2">
    278. 

  278.       <hr>
    279. 

  279.     </td>
    280. 

  280.   </tr>
    281. 

  281.   <tr>
    282. 

  282.     <td width="20%" valign="top" align="left">
    283. 

  283.       <p align="right"><b>Translucency-based animation for title pane buttons</b></td>
    284. 

  284.     <td width="80%" valign="top">The title pane buttons (minimize, restore / maximize, close)
    285. 

  285.     of frames, dialogs, internal frames and desktop icons have translucency-based animation
    286. 

  286.     on rollover. See <a href="title-buttons.avi">34-second</a> AVI 
    287. 

  287.     movie (798 KB) illustrating the technique.
    288. 

  288.     </td>
    289. 

  289.   </tr>
    290. 

  290. 

  291.   <tr>
    292. 

  292.     <td colspan="2">
    293. 

  293.       <hr>
    294. 

  294.     </td>
    295. 

  295.   </tr>
    296. 

  296.   <tr>
    297. 

  297.     <td width="20%" valign="top" align="left">
    298. 

  298.       <p align="right"><b>Rollover color wheel effects</b></td>
    299. 

  299.     <td width="80%" valign="top">Xoetrope's color wheel in the color chooser
    300. 

  300.     has been augmented with rollover effects. In the screenshot you can see
    301. 

  301.     the selected area and the rollover area (under the mouse pointer):<br><br>
    302. 

  302.     <img src="colorchooser-xoetrope-rollover.png" width="269" height="463">
    303. 

  303.     </td>
    304. 

  304.   </tr>
    305. 

  305. 

  306.   <tr>
    307. 

  307.     <td colspan="2">
    308. 

  308.       <hr>
    309. 

  309.     </td>
    310. 

  310.   </tr>
    311. 

  311.   <tr>
    312. 

  312.     <td width="20%" valign="top" align="left">
    313. 

  313.       <p align="right"><b>Configurable size of tab close button</b></td>
    314. 

  314.     <td width="80%" valign="top">The size of close button on tabs in <b>JTabbedPane</b>
    315. 

  315.     can be configured. Application should set 
    316. 

  316.     <font color="darkblue">SubstanceLookAndFeel.TABBED_PANE_CLOSE_BUTTONS_SIZE</font> 
    317. 

  317.     client property on either the tabbed pane's <b>Component</b> (if it's <b>JComponent</b>), 
    318. 

  318.     <b>JTabbedPane</b> (for all tabs of that pane) or the <b>UIManager</b>
    319. 

  319.     (for all tabbed panes). The value should be an instance of <b>Integer</b>. In the
    320. 

  320.     screenshot the first tab has close button size set to 9, the second tab is default 11. 
    321. 

  321.     <br><br>
    322. 

  322.     <img src="tabs-close-button-size.png" width="171" height="26">
    323. 

  323.     </td>
    324. 

  324.   </tr>
    325. 

  325. 

  326.   <tr>
    327. 

  327.     <td colspan="2">
    328. 

  328.       <hr>
    329. 

  329.     </td>
    330. 

  330.   </tr>
    331. 

  331.   <tr>
    332. 

  332.     <td width="20%" valign="top" align="left">
    333. 

  333.       <p align="right"><b>Animating close buttons of modified tabs</b></td>
    334. 

  334.     <td width="80%" valign="top">Instead of animating the entire modified tab in <b>JTabbedPane</b>, 
    335. 

  335.     only its close button can be animated. Application should set 
    336. 

  336.     <font color="darkblue">SubstanceLookAndFeel.TABBED_PANE_CLOSE_BUTTONS_MODIFIED_ANIMATION</font> 
    337. 

  337.     client property on either the tabbed pane's <b>Component</b> (if it's <b>JComponent</b>), 
    338. 

  338.     <b>JTabbedPane</b> (for all tabs of that pane) or the <b>UIManager</b>
    339. 

  339.     (for all tabbed panes). The value should be an instance of <b>Boolean</b>. In the
    340. 

  340.     screenshot the first tab has animated close button, the second tab is completely animated by
    341. 

  341.     default.
    342. 

  342.     <br><br>
    343. 

  343.     <img src="tab-close-modified-animation.png" width="173" height="26">
    344. 

  344.     </td>
    345. 

  345.   </tr>
    346. 

  346. 

  347. </table>
    348. 

  348. </body>
    349. 

  349. 

  350. </html>
    351. 

  351.