第二课,了解Android App的一般结构以及基本的UI界面。 首先,运行这个App,看看效果。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.aide.trainer.myapp"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="11"
android:targetSdkVersion="17" />
<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name" >
<activity
android:label="@string/app_name"
android:theme="@android:style/Theme.Holo.Light"
android:name=".MainActivity" >
<intent-filter >
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
以下XML文件是Android App的清单文件,红色箭头指向的“activity”元素告诉系统“MainActivity”是该App的启动Activity(可理解为启动App首先看到的界面)。先阅读一下红色箭头处的代码,然后继续。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.aide.trainer.myapp"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="11"
android:targetSdkVersion="17" />
<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name" >
<activity
android:label="@string/app_name"
android:theme="@android:style/Theme.Holo.Light"
android:name=".MainActivity" >
<intent-filter >
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
如下Java文件包含了启动入口Activity的“MainActivity”类,阅读红色箭头处的代码,然后继续。
package com.aide.trainer.myapp;
import android.app.*;
import android.os.*;
public class MainActivity extends Activity
{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
// Set main.xml as user interface layout
setContentView(R.layout.main);
}
}
Activity在创建时会调用“onCreate”方法。先看一看箭头处的代码,然后继续。
package com.aide.trainer.myapp;
import android.app.*;
import android.os.*;
public class MainActivity extends Activity
{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
// Set main.xml as user interface layout
setContentView(R.layout.main);
}
}
方法调用“setContentView()”方法来关联布局文件“main.xml”,整个用户界面的内容主要都由这个布局文件设计。阅读红色箭头处的代码,然后继续。
package com.aide.trainer.myapp;
import android.app.*;
import android.os.*;
public class MainActivity extends Activity
{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
// Set main.xml as user interface layout
setContentView(R.layout.main);
}
}
就是设计UI布局的XML文件,其中包含了一个“TextView”元素,并设置了“android:text”属性为“Hello World”。阅读红色箭头处的代码,然后继续。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World" />
</LinearLayout>
现在修改该App要显示的文本内容为“Hi World”,然后再次点击“运行”。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hi World" />
</LinearLayout>
在“TextView”元素中添加“android:textSize”属性并设值为“30sp”,这样就会增大文本字体。提示:只需要输入“textsi”,然后利用代码补全来自动完成代码。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical" >
<TextView
android:textSize="30sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hi World" />
</LinearLayout>
现在继续增加字体大小,设为“60sp”。在Action Bar上点击“设计器”按钮,使用UI设计器工具来帮助我们完成。
选择“Hi World”,然后在弹出菜单中找到“Text Size”项,选择并设值为“60sp”。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical">
<TextView
android:textSize="60sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hi World"/>
</LinearLayout>
版权声明:本文为AIDE教程网原创文章,转载请附上原文出处链接和本声明。
本文链接:https://www.aidemx.cn/1655.html
请登录后发表评论
注册
社交帐号登录