Android编程第二篇，简单UI

本博客用的是Android Studio3.3

1. 新建工程File->New->New Project...弹出的Create New Project界面中选择“Empty Activity”，按Next，给你的App起个名字，我们这是SimpleUI，其他包名、存放位置暂时都用缺省的，点Finish。

简单浏览下Project

展开app->res->layout, 右键击layout，选择菜单New->Layout resources file，在弹出的New Resources File界面中输入新资源文件名simpleui，点击OK。

双击刚建好的simpleui.xml，内容如下

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.constraint.ConstraintLayout>

Android Studio3为你缺省建了一个ConstraintLayout，顾名思义这是个限定布局的东东，ConstraintLayout很强大暂时不展开。现在是所见及所得的年代，复杂的从代码控制UI这篇不讨论，VisualStudio用户一定对Windows设计UI时方便的控件拖拉映像深刻，AndroidStudio更强，进入正题。刚才双击simpleui.xml缺省打开的是对应text的xml，现在点击此框体右下角的Design标签。

这个就是所见及所的的设计试图。选择框体右上角菜单中Layout->LinearLayout(vertical), 简单拖入到下面ConstraintLayout的子物体，如下图

 

LinearLayout(vertical)就是让它的元素垂直线性排列。用类似操作拖入一个Text->TextView到LinearLayout(vertical)的子，完成后如下图。

可以看到设计区域已经有个文本控件了，怎么控制控件和窗体的位置那，有过游戏UI设计经验的程序一定记得不管什么UI插件，一定会有方便调整位置的调整点，在框体右侧直接点击文本控件可以看到四周有蓝色的矩形外框，这是垂直线性布局的子，会自动在底部中间、右侧中间、右下角处产生三个设定位置用的锚点，试着拖拉下这几个点看看控件发生了什么变化，如下图

再用类似的操作，拖一个Button->Button到LinearLayout(vertical)下的子，和刚才那个textView成为兄弟，完成后如图

试着点击按钮控件然后调整大小，

现在设置文本控件中的文字和按钮中的文字，不要在代码中硬编码文字。现在双击右侧项目栏的app->res->values->strings.xml

<resources>
    <string name="app_name">SimpleUI</string>
</resources>
加入3个新值用于维护文本内容和按钮文字内容和按钮按下后的响应提示文字，完成后如下
<resources>
    <string name="app_name">SimpleUI</string>
    <string name="text1">这是个文本</string>
    <string name="button1">这是个按钮</string>
    <string name="msg1">你按下了按钮</string>
</resources>

现在双击simpleui.xml(双击自动进入text标签)，修改文本关联， 完成后如下
<TextView
    android:id="@+id/textView"
    android:layout_width="195dp"
    android:layout_height="87dp"
    android:text="@string/text1" />

<Button
    android:id="@+id/button"
    android:layout_width="388dp"
    android:layout_height="78dp"
    android:text="@string/button1" />

你理解了，@string/text1就是刚才在valuse->strings里新加的key，以此类推，按钮的文本也是这样。

现在用你的simpleui.xml替换原来缺省的activity_main.xml, 双击项目java下包名下MainActivity，在onCreate里面，注释原来那行
//setContentView(R.layout.activity_main);改为下面一行
setContentView(R.layout.simpleui);
现在挂接按钮的响应：键入下面代码
View button = this.findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Toast.makeText(getApplicationContext(), (int)R.string.msg1, Toast.LENGTH_SHORT).show();
    }
});
完成后的OnCreate如图

代码很简单，通过id找到按钮，为按钮设置Click监听，在响应里用了安卓的简单信息提示Toast。

恭喜你Android Studio开发第二课完成了。

好人做到底，怎么运行或调试安卓程序那？其实一般先用模拟器上运行，Android的设备模拟器太慢了，请直接搜索网易MuMu模拟器最新版，安装好后运行，然后在win搜索内容里直接打cmd，进入到你的Android SDK安装目录下的platform-tools,我这是D:\AndroidSDK\sdk6\platform-tools

127.0.0.1是TCP协议里本机的意思，这里不展开，7555端口是MuMu模拟的缺省TCP端口。

现在直接在Android Studio里run吧，选择刚才的MuMu模拟器，然后按OK

 

下一课讲下Android UI进阶，用代码在ScrollView里动态加入元素，我在写的这些博客是针对有一定基础的程序员向Android开发转型的，可能对没点基础的程序员来说有点跳跃了。