droiddrawr新手上路

        这是继《疯狂小组》决定大方向之后的第一天开发,的确值得纪念一下,自从决定做andriod开发之后,自己也在网上下了一些视频,文件之类的东西学习,但是学起来很费劲,因为以前从来没有接触过,也没有老师的指导,只有自己一个人摸黑前进,很辛苦,就在今下午在《画图》软件上构思系统界面时,永哥给了我一个具有转折性的建议——droiddrawr。

        这款软件旨在帮助那些andriod新手,因为它可以像C#那样拖拽控件,属性也很配置,Generate一键轻松搞定XML代码。下面我举个例子来向大家展示一下如何使用吧,即我今天一下午的所学:

第零步

DroidDraw UI设计软件是一款开发Android GUI应用程序, 需要预先下载并安装AndroidSDK

第一步

转到 DroidDraw UI设计软件。

第二步

首先设置根布局为RelativeLayout(相对布局)

 第三步

选择“Layouts”选项卡。 

第四步

从布局面板中,将一个LinearLayout对象拖放在屏幕顶部中心位置。 

 

 

第五步

   选择LinearLayout对象,在属性选项卡上单击"Properties"布局属性,开始编辑的。 

    改变Width为“200 px”,Height为“130px

    点击“Apply”应用更改。

 

第六步

 

转到“Widgets”标签。

 

第七步

 

把两个EditText和两个TextView插入LinearLayout中。

 

第八步

 

接下来,把一个RadioGroup对象拖放到的LinearLayout中。 把两个RadioButton拖放到RadioGroup对象中。 

 

第九步

 

把一个Button 对象拖放到根RelativeLayout 中,它在LinearLayout 对象下面。它应该和LinearLayout 的右边对齐。

 

第十步

 

编辑每个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”。

 

十四步

 

按“Generate”按钮以生成布局的XML

 

 

 

 

 

 

 

 

 

posted on 2014-04-11 20:22  菜鸟木木  阅读(715)  评论(0编辑  收藏  举报

导航