DroidDraw+Android+UI可视化设计器.doc

DroidDraw+Android+UI可视化设计器.docdevelopers
DroidDraw
—Android UI设计器
anDAOiD
#
3
Android UI 设计
GUI可视化设计器——DroidDraw
DroidDraw是一个甚「Jaomplete I Button □ CheckBox 9:12 PM
fEditText
O RadioButton
TextView
Spinner ◄ >
12:15 PM
\7
GHD^OID
14
#
Android UI 设计
步骤七
把两个TextView对象和两个EditText对象交杆地拖放到LinearLayout屮
S .ill o 10：29AM
DroidDraw
TextView | EditText TextView |EditText
步骤八
把i个RadioGroup对象拖放进LinearLayout屮。把两个RadioButton对彖拖放到RadioGroup 中。
1 S .III C3 10:29AM I
DroidDraw 1
b | ■■■ ■■■I. » ——
TextView ut |EditText] TextView |EditText
L
\ J RadioButton O RadioButton
Android UI 设计
Android UI 设计
12
C1CXOQ
15
C1CXOQ
步骤九
LinearLayout的右边对齐。
I S .ill O 10:29 AM
I DroidDraw
1 Relative^
TextView |EditText)
TextView
|EditText)
丿 RadioButton RadioButton
Button
步骤十
编粘毎个Textview Xj象的属性值。上山I •个的文木设置成■Dollars11,并设置成恤出字亿 式。F面一个TextView的文本设賢成・EurosX并也设置成顶耀体样式•
步骤十一
如以卜•内容编辑上面一个EditText的属性值：
id 修改成：・@+Kl/dollars"
♦文本内容设置为空
宽度修改成-lOOpx"
步骤十一半
Euros"TextVlew卜面的第■-个EditText I :車复步骤十-一-,但是把id设置为"@+id/euros"
Android UI 设计
Android UI 设计
16
C1CXOQ
11
C1CXOQ
步骤十二
编轲第一个RadioButton属性：文本设'覺为'Dollars to Euros-,并把它id设哉成"@+id/dtoe"
编4H 第••个 RadioButton 属性：文本设置为■ Euros to Dollars 11 丿 把它 id 设'Ptbk'1 @+id/etodM
Android UI 设计
Android UI 设计
重要注意事项
你必须正确地获取id,因为这是你在代码中如何获取搜索到该UI尤素的方式。
步骤十三
编车li Button屈性：文本修改为"Convert"、它的id设置hJc"@+id/convert"。 最终的GUI应该像这样：
步骤十四
点击・Generate-按钮來生成XN1L布丿』。该xml应像这样：
<?xml version= ul. 0u encoding= t9utf-8nl>
<RelativeLayout
android: id= "&+id/widget30"
android: layout_width= nfill_parent99
android: layout_height= "fill_parentv
xmlns : android= "http://schemas. android, com/apk/res/androidrr> <LinearLayout
android: id= n0+id/widget3199
android: layout_width= n180pxn
android: layout_height = n228pxn
android:orien"vertical “
android: layout_alignParentTop= "true u
and