在經過千辛萬苦各種填坑終於安裝好了Android Studio之後,在其自帶的模擬器上成功運行了第一個APP(hello world),通過這個APP首先研究了一下APP基本的工程結構,從而使後面的開發更加得心應手。 先上HelloWorld工程的目錄結構圖 從結構圖我們可以看到,該工程下麵有兩個目 ...
在經過千辛萬苦各種填坑終於安裝好了Android Studio之後,在其自帶的模擬器上成功運行了第一個APP(hello world),通過這個APP首先研究了一下APP基本的工程結構,從而使後面的開發更加得心應手。
先上HelloWorld工程的目錄結構圖
從結構圖我們可以看到,該工程下麵有兩個目錄:一個是app,另一個是Gradle Scripts。
其中,app又分下麵三個子目錄
(1)manifests,下麵只有一個AndroidManifest.xml文件,它是APP運行的配置文件
(2)java,下麵有com.example.animator.android_learning和com.example.animator.android_learning兩個包,分別存放的是APP工程的java源代碼以及測試用的java代碼
(3)res,存放的是APP工程的資源文件。它下麵又有四個子目錄
·drawable 存放的是圖形描述文件及用戶圖片
·layout 存放的是APP頁面的佈局文件
·mipmap 存放的是啟動圖標
·values 存放的是一些常量定義文件,如string型的strings.xml,像素常量dimens.xml、顏色colors.xml、樣式定義styles.xml
Gradle Scripts下麵主要是工程的編譯配置文件,其中
(1)build.gradle 分為項目級和模塊級兩種,用於描述APP工程的編譯規則
(2)proguard-rules.pro 用於描述java文件的代碼混淆規則
(3)gradle.properties 用於配置編譯工程的命令行參數,一般無需改動
(4)setting.gradles 配置哪些模塊在一起編譯。初始內容為include ":app",表示只編譯app模塊
(5)local.properties 項目的本地配置,一般無需改動。改文件是在工程編譯時自動生成的,用於描述開發者本機的環境配置,比如SDK的本地路徑、NDK的本地路徑等
關於配置文件build.gradle
下麵對原始的build.gradle文件中補充文字註釋,方便理解每個參數的用途
apply plugin: 'com.android.application' android { //指定編譯用的SDK版本,如21表示使用Android5.0編譯 compileSdkVersion 21 //指定編譯工具的版本號,這裡的頭兩位必須與compileSdkVersion保持一致,具體的版本號可在SDK的安裝目錄的“sdk\build-tools”下找到 buildToolsVersion "21.1.1" defaultConfig { //指定該模塊的應用編號,即APP的包名,改參數為自動生成,無需改動 applicationId "com.example.animator.android_learning" //指定APP適合運行的最小SDK版本號 minSdkVersion 21 //指定目標設備的SDK版本號,即該APP最希望在哪個版本的Android上運行 targetSdkVersion 21 //指定APP的應用版本號 versionCode 1 //指定APP的應用版本名稱 versionName "1.0" } buildTypes { release { //指定是否開啟代碼混淆功能 minifyEnabled false //指定代碼混淆規則文件的文件名 proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } //指定APP編譯的依賴信息 dependencies { //指定引用jar包的路徑 compile fileTree(dir: 'libs', include: ['*.jar']) //指定單元測試編譯用的Junit版本號 testCompile 'junit:junit:4.12' //指定編譯Android的高版本支持庫 compile 'com.android.support:appcompat-v7:21.0.2' }
關於APP運行配置AndroidManifest.xml
它用於指定APP內部的運行配置,是一個xml描述文件,根節點為manifest,根節點的package指定了APP的包名,manifest下部分子節點說明如下:
(1)uses-permission 用於聲明APP運行過程中需要的許可權名稱,如相機許可權、定位許可權等
(2)application 用於指定APP自身屬性,預設值說明如下:
·allowBackup 是否允許備份
·icon APP在手機屏幕上顯示的圖標
·label APP在手機屏幕上顯示的名稱
·supportsRtl 設置為true表示允許從右往左的文字排列順序
·theme 指定APP的顯示風格
在代碼中操縱控制項
首先可以看到helloworld工程的頁面佈局文件內容如下
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.animator.android_learning.MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" /> </RelativeLayout>
可以看到xml佈局文件和HTML做前端有一些相似,如layout_width類似於HTML中的width屬性,layout_height類似於HTML中的height屬性,TextView又和HTML中的textarea控制項相似,由此可見APP的佈局配置並不難,可以說“開發文檔在手天下我有”了。
同時對應的java代碼文件如下
package com.example.animator.android_learning; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } }
通過查找相關資料和教程知道,onCreate方法通過引用佈局文件的名字來向APP頁面填充佈局樣式,和JavaScript配合HTML一樣,java也可以通過代碼獲取id對應下的xml標簽(前提是要給xml標簽添加id android:id="@+id/helloworld")
通過代碼簡單改寫TextView文字如下
package com.example.animator.android_learning; import android.graphics.Color; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.widget.TextView; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); TextView textView= (TextView) findViewById(R.id.helloworld); textView.setText("小趙的第一次操作!"); textView.setTextColor(Color.RED); textView.setTextSize(30); } }
效果如下: