Go语言视频零基础入门到精通

aopre8

步骤零



本教程将给你一个简短的介绍开关于使用 DroidDraw 用户界面设计器来开发一个在 Android 上的 GUI 应用程
序。本教程假设你已经下载并安装了 Android SDK。本教程也假设你对 GUI 编程概念和 java 编程语言相当熟
悉。
步骤一
登陆到DroidDraw UI Designer
步骤二
设置根布局为 RelativeLayout(相对布局)



步骤三



选择"Layout"标签

步骤四
从 Layouts 面板中把一个 LinearLayout 对象拖放到屏幕顶部中心位置

步骤五
选择该 LinearLayout 对象并点击属性&quotroperties"标签来开始编辑 layout 属性值。把宽度"width"改成"200px",
高度"height"改成"130px"
点击"Apply"来应用改变。

步骤六
转到"Widgets"标签



步骤七
把两个 TextView 对象和两个 EditText 对象交替地拖放到 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"


步骤十二


编辑第一个 RadioButton 属性：文本设置为"Dollars to Euros",并把它 id 设置成"@+id/dtoe"
编辑第二个 RadioButton 属性：文本设置为"Euros to Dollars ",并把它 id 设置成"@+id/etod"





重要注意事项



你必须正确地获取 id，因为这是你在代码中如何获取搜索到该 UI 元素的方式。



步骤十三



编辑 Button 属性：文本修改为"Convert"、它的 id 设置成"@+id/convert"。
最终的 GUI 应该像这样：



步骤十四



点击"Generate"按钮来生成 XML 布局。该 xml 应像这样：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

android:id="@+id/widget30"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android="http://schemas.android.com/apk/res/android">

<LinearLayout

android:id="@+id/widget31"

android:layout_width="180px"

android:layout_height="228px"

androidrientation="vertical"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true">

<TextView

android:id="@+id/widget41"

android:layout_width="wrap_content"

android:layout_height="wrap_content"



android:text="Dollars"

android:textStyle="bold">

</TextView>

<EditText

android:id="@+id/dollars"

android:layout_width="100px"

android:layout_height="wrap_content"

android:textSize="18sp"></EditText>

<TextView

android:id="@+id/widget43"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Euros"

android:textStyle="bold"></TextView>

<EditText

android:id="@+id/euros"

android:layout_width="100px"

android:layout_height="wrap_content"

android:textSize="18sp"></EditText>

<RadioGroup

android:id="@+id/widget45"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

<RadioButton

android:id="@+id/dtoe"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Dollars to Euros">

</RadioButton>

<RadioButton

android:id="@+id/etod"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Euros to Dollars">

</RadioButton>

</RadioGroup>

</LinearLayout>

<Button

android:id="@+id/convert"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Convert"

android:layout_below="@+id/widget31"



android:layout_alignRight="@+id/widget31">

</Button>

</RelativeLayout>
复制代码
步骤十五



在 Eclipse 中创建一个新的 Android 工程。从 DroidDraw 剪切该 XML 并粘贴替换到 res/layout/main.xml 的内
容中。
到这里你就可以在 Android 中运行你的 GUI。它应该像这样：



步骤十六



最后一步是实际的代码货币转换。它不多，你可以用一下代码来查找到你的 GUI 元素：
>"Generate"按钮来生成 XML 布局。该 xml 应像这样：


this.findViewById(R.id.<id>);
复制代码
下面是完整 CurrentConverter Activity 的代码：

package zyf.CurrentConverter;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.RadioButton;

import android.widget.TextView;

public class CurrentConverter extends Activity

implements OnClickListener {

TextView dollars;

TextView euros;

RadioButton dtoe;



RadioButton etod;

Button convert;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

dollars = (TextView) this.findViewById(R.id.dollars);

euros = (TextView) this.findViewById(R.id.euros);

dtoe = (RadioButton) this.findViewById(R.id.dtoe);

dtoe.setChecked(true);

etod = (RadioButton) this.findViewById(R.id.etod);

convert = (Button) this.findViewById(R.id.convert);

convert.setOnClickListener(this);

}

public void onClick(View v) {

if (dtoe.isChecked()) {

convertDollarsToEuros();

}

if (etod.isChecked()) {

convertEurosToDollars();

}

}

protected void convertDollarsToEuros() {

double val =

Double.parseDouble(dollars.getText().toString());

// in a real app, we'd get this off the 'net

euros.setText(Double.toString(val * 0.67));

}

protected void convertEurosToDollars() {

double val = Double.parseDouble(euros.getText().toString());

// in a real app, we'd get this off the 'net

dollars.setText(Double.toString(val / 0.67));

}

}
复制代码
步骤十七



嗯，就是这样。我希望你喜欢该教程。意见和问题邮件 brendan.d.burns Gmail ！
结果：

yweii

顶顶一个。。。。。。。。。。。。

太阳城

强大~~~~.

8jnuj3

果然是个好东东