這是一個快速的設計安卓軟件界面的工具,只需隨便的拖動幾下就能為您創作漂亮的軟件界面。
安卓可視化開發工具使用方法
參考:http://blog.sina.com.cn/s/blog_45497dfa0100nhfy.html
第一步
轉到 DroidDraw UI設計軟件。
第二步
首先設置根布局為RelativeLayout(相對布局)
clip_image002
第三步
選擇“Layouts”選項卡。
clip_image004
第四步
從布局面板中,將一個LinearLayout對象拖放在屏幕頂部中心位置。
clip_image006
第五步
選擇LinearLayout對象,在屬性選項卡上單擊"Properties"布局屬性,開始編輯的。 改變Width為“200 px”,Height為“130px”
點擊“Apply”應用更改。
clip_image008
第六步
轉到“Widgets”標簽。
clip_image010
第七步
把兩個EditText和兩個TextView插入LinearLayout中,如圖交替排列擺放。
clip_image012
第八步
接下來,把一個RadioGroup對象拖放到的LinearLayout中。 把兩個RadioButton拖放到RadioGroup對象中。
clip_image014
第九步
把一個Button 對象拖放到根RelativeLayout 中,它在LinearLayout 對象下面。它應該和LinearLayout 的右邊對齊。
clip_image016
第十步
編輯每個TextView 對象的屬性值。上面一個的文本設置成"Dollars",并設置成"bold"字體樣式。下面一個
TextView 的文本設置成"Euros",并也設置成"bold"字體樣式
第十一步
編輯上的EditText如下的屬性:
更改ID為:“@+id/dollars”
更改文本內容為空
改變寬度為“100px”。
第十一步半
重復步驟十一,在"Euros"TextView 下面的第二個EditText 上,但是把id 設置為"@+id/euros"
十二步
編輯第一個單選按鈕,以便其內容為"Dollars to Euros",并把它id 設置成"@+id/dtoe"。
編輯第二個單選按鈕,以便其內容為"Euros to Dollars ",并把它id 設置成"@+id/etod"。
重要注意事項:
你必須得到的ID完全正確,這是因為在源代碼中你將通過ID查找相應的部件。
十三步
編輯按鈕,內容為“Convert”和它的ID是“@+id/convert”。
最終的圖形用戶界面應該是這樣的:
clip_image018
十四步
按“Generate”按鈕以生成布局的XML。
十五步
在Eclipse中創建一個新的Android項目。 剪切和粘貼DroidDraw的XML內容,以取代res/layout/main.xml。
此時運行, 它應該是這個樣子:
clip_image020
十六步
最后一步是實際貨幣轉換的代碼。 沒有多少吧,你可以使用代碼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官方手機版