<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Visual Editor &#8211; 記下來</title>
	<atom:link href="https://noter.tw/tag/visual-editor/feed/" rel="self" type="application/rss+xml" />
	<link>https://noter.tw</link>
	<description>一路上踩到的坑、遇到的問題，一點一滴記下來，希望能幫助到需要的人~</description>
	<lastBuildDate>Fri, 11 Mar 2022 06:11:35 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.3</generator>

<image>
	<url>https://noter.tw/wp-content/uploads/cropped-old-1130742_1920-1-32x32.jpg</url>
	<title>Visual Editor &#8211; 記下來</title>
	<link>https://noter.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Eclipse + Visual Editor = SWT Development</title>
		<link>https://noter.tw/1257/eclipse-visual-editor-swt-development/</link>
					<comments>https://noter.tw/1257/eclipse-visual-editor-swt-development/#respond</comments>
		
		<dc:creator><![CDATA[黃小蛙]]></dc:creator>
		<pubDate>Sat, 03 Dec 2011 22:58:02 +0000</pubDate>
				<category><![CDATA[一般程式]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[SWT]]></category>
		<category><![CDATA[Eclipse]]></category>
		<category><![CDATA[Visual Editor]]></category>
		<guid isPermaLink="false">http://69.163.37.35/?p=1257</guid>

					<description><![CDATA[<p>這篇文章小蛙整理以前(2009年)的文章，主要內容是記錄怎樣使用外掛 Visual Editor 讓 Eclipse 可以用拖拉的方式來撰寫圖形化程式。 ● 安裝 Eclipse + 語言包 下載安裝&#46;&#46;&#46;</p>
<p>這篇文章 <a rel="nofollow" href="https://noter.tw/1257/eclipse-visual-editor-swt-development/" data-wpel-link="internal">Eclipse + Visual Editor = SWT Development</a> 最早出現於 <a rel="nofollow" href="https://noter.tw" data-wpel-link="internal">記下來</a>。</p>
]]></description>
										<content:encoded><![CDATA[<p>這篇文章小蛙整理以前(2009年)的文章，主要內容是記錄怎樣使用外掛 <span style="color: #ff0000;"><strong>Visual Editor</strong></span> 讓 <span style="color: #ff0000;"><strong>Eclipse</strong></span> 可以用拖拉的方式來撰寫圖形化程式。<br />
<span id="more-1257"></span></p>
<h2>● 安裝 Eclipse + 語言包</h2>
<ol>
<li>下載安裝 Eclipse。(<strong>Visual Editor</strong> final release 1.2 適用於 Eclipse 3.2 版)，所以建議使用 Eclipse 3.2。<a href="http://www.eclipse.org/downloads/" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">Eclipse 下載頁面<span class="wpel-icon wpel-image wpel-icon-6"></span></a>。因為小蛙本身需要做 JSP 的開發，所以直接下載 <strong>Eclipse </strong>+ <strong>Lomboz</strong> 的版本。<a href="http://lomboz.ow2.org/downloads/R-3.2.2_index.php" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">Eclipse + Lomboz 3.2.2 下載頁面<span class="wpel-icon wpel-image wpel-icon-6"></span></a>。</li>
<li>解壓縮(建議把下載回來的壓縮檔先更改名稱，有時候名稱太長在解壓縮的時候會發生錯誤)。解壓縮完後不用安裝就可以直接使用。</li>
<li>如果需要中文介面，可以安裝語言包。<a href="http://archive.eclipse.org/eclipse/downloads/index.php" target="_blank" rel="noopener noreferrer nofollow external" data-wpel-link="external" class="wpel-icon-right">中文化語言包下載頁面<span class="wpel-icon wpel-image wpel-icon-6"></span></a> 。最下面有個 3.2_Language_Packs。</li>
<li>解壓縮完會有 eclipse 資料夾，直接覆蓋原本解出來的 eclipse 資料夾，完成中文套件的安裝。</li>
</ol>
<h2>● 安裝 Visual Editor 插件</h2>
<ol>
<li>Visual Editor 可以讓 Eclipse 直接用滑鼠點選的方式，圖形化勾勒出 GUI 元件的雛形。VE 1.2 插件下載頁面。下載檔名 VE-SDK-1.2.zip 的檔案。</li>
<li>安裝的方法相同，解壓縮出一個 eclipse 資料夾，直接覆蓋過原本的 eclipse 資料夾即可。</li>
</ol>
<h2>● 建立 SWT 類別</h2>
<ol>
<li>開啟 eclipse。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/1.png" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1270" title="1" src="https://noter.tw/wp-content/uploads/2011/12/1.png" alt="1 Eclipse + Visual Editor = SWT Development" width="108" height="105"></a></li>
<li>歡迎畫面 (Lomboz 版本)<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/2.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-1272" title="2" src="https://noter.tw/wp-content/uploads/2011/12/2.jpg" alt="2 Eclipse + Visual Editor = SWT Development" width="445" height="267"></a></li>
<li>選取工作區。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/3.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1273" title="3" src="https://noter.tw/wp-content/uploads/2011/12/3.jpg" alt="3 Eclipse + Visual Editor = SWT Development" width="445" height="254"></a></li>
<li>eclipse 主畫面。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/4.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1274" title="4" src="https://noter.tw/wp-content/uploads/2011/12/4.jpg" alt="4 Eclipse + Visual Editor = SWT Development" width="445" height="341"></a></li>
<li>新建一個 Java 專案。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/5.png" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1275" title="5" src="https://noter.tw/wp-content/uploads/2011/12/5.png" alt="5 Eclipse + Visual Editor = SWT Development" width="310" height="442"></a></li>
<li>輸入專案名稱後按下確定。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/7.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1276" title="7" src="https://noter.tw/wp-content/uploads/2011/12/7.jpg" alt="7 Eclipse + Visual Editor = SWT Development" width="445" height="581"></a></li>
<li>左側可以看到剛剛新增的專案以及載入的套件。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/8.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1277" title="8" src="https://noter.tw/wp-content/uploads/2011/12/8.jpg" alt="8 Eclipse + Visual Editor = SWT Development" width="445" height="341"></a></li>
<li>我們先設定 SWT 必要的程式庫，在專案上按右鍵，點選”配置建置路徑”。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/9.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1278" title="9" src="https://noter.tw/wp-content/uploads/2011/12/9.jpg" alt="9 Eclipse + Visual Editor = SWT Development" width="445" height="651"></a></li>
<li>選擇”新增程式庫”。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/10.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1279" title="10" src="https://noter.tw/wp-content/uploads/2011/12/10.jpg" alt="10 Eclipse + Visual Editor = SWT Development" width="445" height="358"></a></li>
<li>選取 Standard Widget Toolkit (SWT)，下一步。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/12.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1280" title="12" src="https://noter.tw/wp-content/uploads/2011/12/12.jpg" alt="12 Eclipse + Visual Editor = SWT Development" width="445" height="446"></a></li>
<li>點選”完成”。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/13.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1281" title="13" src="https://noter.tw/wp-content/uploads/2011/12/13.jpg" alt="13 Eclipse + Visual Editor = SWT Development" width="445" height="445"></a></li>
<li>看到 SWT 已經增加到這個專案的程式庫裡面了。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/14.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1282" title="14" src="https://noter.tw/wp-content/uploads/2011/12/14.jpg" alt="14 Eclipse + Visual Editor = SWT Development" width="445" height="358"></a></li>
<li>點下確定後回到主畫面，左邊多了 SWT 程式庫。<br />
<a href="https://noter.tw/wp-content/uploads/2011/12/15.jpg" target="_blank" rel="noopener noreferrer" data-wpel-link="internal"><img decoding="async" class="alignnone size-full wp-image-1283" title="15" src="https://noter.tw/wp-content/uploads/2011/12/15.jpg" alt="15 Eclipse + Visual Editor = SWT Development" width="445" height="341"></a></li>
</ol>
<p>這篇文章 <a rel="nofollow" href="https://noter.tw/1257/eclipse-visual-editor-swt-development/" data-wpel-link="internal">Eclipse + Visual Editor = SWT Development</a> 最早出現於 <a rel="nofollow" href="https://noter.tw" data-wpel-link="internal">記下來</a>。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://noter.tw/1257/eclipse-visual-editor-swt-development/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
