這是一個快速的設(shè)計安卓軟件界面的工具,只需隨便的拖動幾下就能為您創(chuàng)作漂亮的軟件界面。
安卓可視化開發(fā)工具使用方法
參考:http://blog.sina.com.cn/s/blog_45497dfa0100nhfy.html
第一步
轉(zhuǎn)到 DroidDraw UI設(shè)計軟件。
第二步
首先設(shè)置根布局為RelativeLayout(相對布局)
clip_image002
第三步
選擇“Layouts”選項卡。
clip_image004
第四步
從布局面板中,將一個LinearLayout對象拖放在屏幕頂部中心位置。
clip_image006
第五步
選擇LinearLayout對象,在屬性選項卡上單擊"Properties"布局屬性,開始編輯的。 改變Width為“200 px”,Height為“130px”
點擊“Apply”應(yīng)用更改。
clip_image008
第六步
轉(zhuǎn)到“Widgets”標簽。
clip_image010
第七步
把兩個EditText和兩個TextView插入LinearLayout中,如圖交替排列擺放。
clip_image012
第八步
接下來,把一個RadioGroup對象拖放到的LinearLayout中。 把兩個RadioButton拖放到RadioGroup對象中。
clip_image014
第九步
把一個Button 對象拖放到根RelativeLayout 中,它在LinearLayout 對象下面。它應(yīng)該和LinearLayout 的右邊對齊。
clip_image016
第十步
編輯每個TextView 對象的屬性值。上面一個的文本設(shè)置成"Dollars",并設(shè)置成"bold"字體樣式。下面一個
TextView 的文本設(shè)置成"Euros",并也設(shè)置成"bold"字體樣式
第十一步
編輯上的EditText如下的屬性:
更改ID為:“@+id/dollars”
更改文本內(nèi)容為空
改變寬度為“100px”。
第十一步半
重復(fù)步驟十一,在"Euros"TextView 下面的第二個EditText 上,但是把id 設(shè)置為"@+id/euros"
十二步
編輯第一個單選按鈕,以便其內(nèi)容為"Dollars to Euros",并把它id 設(shè)置成"@+id/dtoe"。
編輯第二個單選按鈕,以便其內(nèi)容為"Euros to Dollars ",并把它id 設(shè)置成"@+id/etod"。
重要注意事項:
你必須得到的ID完全正確,這是因為在源代碼中你將通過ID查找相應(yīng)的部件。
十三步
編輯按鈕,內(nèi)容為“Convert”和它的ID是“@+id/convert”。
最終的圖形用戶界面應(yīng)該是這樣的:
clip_image018
十四步
按“Generate”按鈕以生成布局的XML。
十五步
在Eclipse中創(chuàng)建一個新的Android項目。 剪切和粘貼DroidDraw的XML內(nèi)容,以取代res/layout/main.xml。
此時運行, 它應(yīng)該是這個樣子:
clip_image020
十六步
最后一步是實際貨幣轉(zhuǎn)換的代碼。 沒有多少吧,你可以使用代碼this.findViewById(R.id.)查找你的GUI元素,
下面是完整CurrentConverter Activity 的代碼:
1 import android.app.Activity;
2 import android.os.Bundle;
3 import android.view.View;
4 import android.view.View.OnClickListener;
5 import android.widget.Button;
6 import android.widget.RadioButton;
7 import android.widget.TextView;
8
9 public class CurrencyConverter extends Activity implements OnClickListener {
10 TextView dollars;
11 TextView euros;
12 RadioButton dtoe;
13 RadioButton etod;
14 Button convert;
15
16
17 @Override
18 public void onCreate(Bundle icicle) {
19 super.onCreate(icicle);
20 setContentView(R.layout.main);
21
22 dollars = (TextView)this.findViewById(R.id.dollars);
23 euros = (TextView)this.findViewById(R.id.euros);
24
25 dtoe = (RadioButton)this.findViewById(R.id.dtoe);
26 dtoe.setChecked(true);
27 etod = (RadioButton)this.findViewById(R.id.etod);
28
29 convert = (Button)this.findViewById(R.id.convert);
30 convert.setOnClickListener(this);
31 }
32
33 public void onClick(View v) {
34 if (dtoe.isChecked()) {
35 convertDollarsToEuros();
36 }
37 if (etod.isChecked()) {
38 convertEurosToDollars();
39 }
40 }
41
42 protected void convertDollarsToEuros() {
43 double val = Double.parseDouble(dollars.getText().toString());
44 // in a real app, we'd get this off the 'net
45 euros.setText(Double.toString(val*0.67));
46 }
47
48 protected void convertEurosToDollars() {
49 double val = Double.parseDouble(euros.getText().toString());
50 // in a real app, we'd get this off the 'net
51 dollars.setText(Double.toString(val/0.67));
52 }
53 }
十七步
嗯,就是這樣。 我希望你喜歡該教程。 將你的意見和建議Gmail給 brendan.d.burns!
- PC官方版
- 安卓官方手機版
- IOS官方手機版









Apifox(Api調(diào)試管理工具)2.1.29.1 綠色版
小烏龜代碼管理工具(TortoiseGit)2.13.0.1 中文免費版
SoapUI破解版5.7.0 最新版
小皮面板(phpstudy)8.1.1.3 官方最新版
Ruby3.0(ruby運行環(huán)境)3.0.2 官方版
gcc編譯器( MinGW-w64 9.0.0綠色版)免費下載
寶玉編輯助手0.0.05新版
火花編程軟件2.7.2 官方pc版
猿編程少兒班客戶端3.1.1 官方版
Restorator 2009中文版單文件漢化版
十六進制閱讀小工具
IT碼農(nóng)工具軟件1.0 中文免費版
Postman Canary(網(wǎng)頁調(diào)試軟件)官方版7.32.0綠色免費版
大耳猴少兒編程客戶端1.1.2 官方免費版
excel批量sql語句(通過excel構(gòu)建sql工具)1.0 免費版
軟件添加彈窗和網(wǎng)址工具1.0 中文免費版
天霸編程助手2.1 單文件中文版
ida pro 中文破解版(反編譯工具)7.0 永樂漢化版64位
VBA代碼助手3.3.3.1官方版
JDK 12 linux版for 64位
Samba(完全支持Python 3)4.10 官方最新版
猿編程電腦端3.9.1.347 官方PC版
蒲公英 Android SDKV4.1.11 官方最新版
蒲公英iOS SDK2.8.9.1 官方最新版
WxPython中文可視化編輯器1.2 簡體中文免費版
Python代碼生成器1.0 中文免費版
C語言代碼實例助手1.0 免費版
notepad++7.8.2 中文免費版
wpe pro Alpha 0.9a 中文綠色版




系統(tǒng)自帶的命令行幫助文件(ntcmds.chm)chm格
Excel轉(zhuǎn)換XML工具1.0 免費版
實體類SQL生成工具1.0 綠色免費版
XML字符串解析工具2.0.3 免費版
VC++Spelly(代碼拼寫檢查)3.0.1 官方最新版
易語言vc6迷你連接器【dos命令形式運行】綠
Elastix 20163.0 免費版
sql語法分析器(sql語法分析工具)3.1.0 綠色
dev c++下載(DEV-C++)5.9.2 多語安裝免費版
vc字體設(shè)置工具(vc6字體設(shè)置工具)1.0 中文綠