styling.html.svn-base
来自「j2me设计的界面包」· SVN-BASE 代码 · 共 301 行
SVN-BASE
301 行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en-US"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>LWUIT Tutorial - Styles and Themes</title><meta name="keywords" content="PUT, YOUR, PAGE-SPECIFIC, KEYWORDS, HERE"><meta name="description" content="PUT YOUR PAGE-SPECIFIC DESCRIPTION HERE"><meta http-equiv="content-language" content="en-US"><link rel="stylesheet" type="text/css" href="style/default.css"><link rel="stylesheet" type="text/css" href="style/local/www.css"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"><link rel="search" type="application/opensearchdescription+xml" title="Sun Search" href="http://search.sun.com/search/resources/onesearch/default-osd.xml"><script type="text/javascript" src="/js/sniff.js"></script><script type="text/javascript" src="/js/menucontent.js"></script><script type="text/javascript" src="/js/menucode.js"></script></head><body bgcolor="#ffffff"><div class="a0 a0v0" id="a0v0"><!--stopindex--><a name="top"></a><!-- BEGIN A1 COMPONENT V.0 --><!--<div class="a1 a1r2"><div class="a1v0"><a href="#skip2content" class="skiplink">Skip to Content</a><span class="toolbarlinks"><a href="/java/">Java</a><a href="/software/solaris/">Solaris</a><a href="/communities/" class="dividelink">Communities</a><a href="/aboutsun/">About Sun</a><a href="/sales/" class="dividelink">How to Buy</a><a href="https://portal.sun.com/portal/dt/">My Account</a><a href="http://shop.sun.com/cart/" class="a1cart lastlink">Cart</a></span><span class="siteid"><span>United States</span><a href="/worldwide/">Worldwide</a></span></div></div>--><!-- END A1 COMPONENT V.0 --><!-- BEGIN A2 COMPONENT V.0 --><div class="a2w0"><div class="a2" id="a2v0"><div class="a2w1"><div class="a2w2"><div class="a2w3"><div class="a2w4"><div class="a2topiclinks"><div class="a2search"><!--<form action="/cgi-bin/search/index.cgi"><input type="hidden" name="charset" value="UTF-8"><input id="searchfield" type="text" name="search" value="Search"><input id="searchbttn" type="image" border="0" src="/im/a2_bttn_search.gif" alt="Submit Search"></form>--></div><a href="http://www.sun.com/" title="Sun Microsystems Home Page" id="sunlogo"><img src="http://www.sun.com/im/a.gif" alt="Sun Microsystems Home Page" width="98" height="58" border="0" /></a><!--<ul id="mtopics"><li id="mtopic1"><a id="glink1" class="tpclink a2menu" title="See All Products" href="/products/">Products</a></li><li id="mtopic2"><a id="glink2" class="tpclink a2menu" title="See All Downloads" href="/download/">Downloads</a></li><li id="mtopic3"><a id="glink3" class="tpclink a2menu" title="See All Services & Solutions" href="/servicessolutions/">Services & Solutions</a></li><li id="mtopic4"><a id="glink4" class="tpclink a2menu" title="See All Support" href="http://sunsolve.sun.com/">Support</a></li><li id="mtopic5"><a id="glink5" class="tpclink a2menu" title="See All Training" href="/training/">Training</a></li><li id="mtopic6"><a id="glink6" class="tpclink a2menu" title="See All Developer" href="http://developers.sun.com/">Developer</a></li></ul>--></div></div></div></div></div></div></div><!-- END A2 COMPONENT V.0 --><!-- BEGIN BREADCRUMB --><table width="100%"> <tr> <td align="left"><div align="left" id="breadcrumb"><a href="events.html"><<Previous</a></div></td> <td align="center"><div align="center" id="breadcrumb"><a href="index.html">Top</a></div></td> <td align="right"><div align="right" id="breadcrumb">[End]</div></td> </tr></table><!-- END BREADCRUMB --><!-- BEGIN PAGETITLE TWO LINE --><div class="pagetitle2">LWUIT Tutorial</div><div class="smallpagetitle"><h1>Styles and Themes</h1></div><!-- END PAGETITLE TWO LINE --><!-- BEGIN WRAPPER TABLE, 1 COLUMN, MAIN --><table border="0" cellpadding="0" cellspacing="10" width="100%"><tr><td width="100%" valign="top"><!-- BEGIN CENTRAL COLUMN COMPONENTS --><a name="skip2content"> </a><!--startindex--><!-- ============ --><!-- MAIN CONTENT --><!-- ============ --><div class="pc0"><div class="pc0v4"><h1>Changing Components One-by-one</h1><p> The visual appearance of every LWUIT component is determined, in part, by an associated style object. To make changes to an individual component's appearance, you can retrieve the style object and call methods to make changes.</p><p> Here is a simple example which modifies the style of some labels.</p><pre>Label first = new Label("No style changes");f.addComponent(first);Label second = new Label("Transparent");second.getStyle().setBgTransparency(0);f.addComponent(second);Label third = new Label("Purple");Style style = third.getStyle();style.setBgColor(0xaa00ff);style.setFgColor(0xffffff);f.addComponent(third);</pre><p><img src="images/style.gif"></p><p> The second label has had its background set to be fully transparent. The third label is set to have a purple background. Other types of changes are possible, like fonts and padding. See the <code>Style</code> documentation for the full details.</p><h1>Changing All Components with Themes</h1><p> Using style objects is fine for changing components individually, but if you'd like to change the appearance of all components in your application, you will need to use a theme.</p><p> A theme is simply a collection of properties, things like colors, fonts, and images. You can load a theme from a resource file and apply to update all the components in your application. Typically you would do this when you are intializing with code like this:</p><pre>try { Resources r = Resources.open("/res/javaTheme.res"); UIManager.getInstance().setThemeProps(r.getTheme("javaTheme"));} catch (IOException ioe) { System.out.println("Couldn't load theme.");}</pre><p><img src="images/theme-star.gif"> ><img src="images/theme-java.gif"></p><p>LWUIT includes a desktop tool for editing and creating themes called<code>ResourceEditor</code>. You can use this tool to edit themes and viewtheir general appearance in real time.</p><p><img width="100%" src="images/lwuit-resource-editor.gif"></p><p> For ultimate control of how components are drawn, you can create a custom look and feel that affects every aspect of component drawing. For more information, consult the <i>Developer's Guide</i> and the API documentation for <code>LookAndFeel</code>.</p><!-- =================== --><!-- END OF MAIN CONTENT --><!-- =================== --><!--stopindex--><!-- END CENTRAL COLUMN COMPONENTS --></td></tr><!-- BEGIN SPACER ROW --><tr><td><img src="/im/a.gif" width="780" height="1" border="0" alt="" /></td></tr><!-- END SPACER ROW --></table><!-- END WRAPPER TABLE, 1 COLUMN, MAIN --><!-- BEGIN BREADCRUMB --><table width="100%"> <tr> <td align="left"><div align="left" id="breadcrumb"><a href="events.html"><<Previous</a></div></td> <td align="center"><div align="center" id="breadcrumb"><a href="index.html">Top</a></div></td> <td align="right"><div align="right" id="breadcrumb">[End]</div></td> </tr></table><!-- END BREADCRUMB --><!-- START SITECATALYST --><!--stopindex--><script language="JavaScript" src="/share/omniture/s_code_remote.js"></script><!--startindex--><!-- END SITECATALYST --><hr/><!-- BEGIN G9 VARIATION 0 --><!-- (removed) --><!-- END G9 VARIATION 0 --><!-- BEGIN A5 COMPONENT V.0 --><div class="a5" id="a5v0"><span class="footerlinks"><!--<a href="/contact/">Contact</a><a href="/aboutsun/index.html">About Sun</a><a href="/aboutsun/media/index.html">News & Events</a><a href="/corp_emp/">Employment</a><a href="/sitemap/">Site Map</a><a href="/privacy/">Privacy</a><a href="/share/text/termsofuse.html">Terms of Use</a><a href="/suntrademarks/">Trademarks</a>--><span class="footercopy">Copyright © <span id="copyDate" class="cssDate">2008</span> Sun Microsystems, Inc.</span></span></div><!-- END A5 COMPONENT V.0 --></div></body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?