軟件工程作業(yè)要求寫一款A(yù)PP闰蛔,安卓的應(yīng)用開發(fā)也一直是自己的興趣,所以整個作業(yè)的完成過程中還是很興奮的。我們的APP是基于gank.io網(wǎng)站提供的文章數(shù)據(jù)接口勾邦,和美女圖片接口,完成的一款開發(fā)技術(shù)干貨APP割择,下面簡單說一下完成作業(yè)過程中值得說的幾個點眷篇。
MVC架構(gòu)
作業(yè)要求使用MVC架構(gòu),MVC是Model-View-Controller的簡寫荔泳,在android里面蕉饼,MVC很好理解,
-
Model是一個個數(shù)據(jù)實體類换可,它承載了應(yīng)用中的數(shù)據(jù)椎椰,我們的APP中包括:用戶的數(shù)據(jù)實體類User,封裝的網(wǎng)絡(luò)請求類(net包下的)沾鳄,文章的數(shù)據(jù)實體類GankModel慨飘,收藏的實體類SaveModel以及一些其他的常量類,和一些View的Adapter類译荞,應(yīng)該都屬于Model層瓤的,Model為視圖界面(View)層提供了根本的東西:
-
View就是用戶能直接看到的視圖界面,就對應(yīng)android里面的一個個View吞歼,界面的布局寫在xml文件里面圈膏,我們的App里面自定義的View就只有一個EmptyRecyclerView,處理了一些沒有數(shù)據(jù)的空頁面的情況篙骡,剩下的View都是用的是Android SDK中的UI控件稽坤,能夠順利完成我們的需求了:
下面是很多布局文件丈甸,我們所有的視圖都依賴這些xml:
簡單看一個其中的例子:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:background="@color/gray"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".controller.activity.LoginActivity">
<ScrollView
android:id="@+id/login_form"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:padding="10dp"
android:id="@+id/email_login_form"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<ImageView
android:layout_gravity="center_horizontal"
android:src="@drawable/icon_app_ironman"
android:id="@+id/iv_login_icon"
android:layout_width="150dp"
android:layout_height="150dp" />
<TextView
android:layout_marginTop="10dp"
android:layout_gravity="center_horizontal"
android:id="@+id/tv_welcome"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textStyle="italic|bold"
android:text="歡迎來到干貨營!"/>
<android.support.design.widget.TextInputLayout
android:layout_marginTop="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<AutoCompleteTextView
android:id="@+id/tv_account"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/prompt_email"
android:inputType="textEmailAddress"
android:maxLines="1"
android:singleLine="true" />
</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
android:layout_marginTop="10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:id="@+id/et_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/prompt_password"
android:imeActionId="6"
android:imeOptions="actionUnspecified"
android:inputType="textPassword"
android:maxLines="1"
android:singleLine="true" />
</android.support.design.widget.TextInputLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<CheckBox
android:id="@+id/cb_remember"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:text="記住密碼" />
</RelativeLayout>
<Button
android:id="@+id/btn_sign_in"
android:elevation="10dp"
android:background="@drawable/shape_login_btn"
style="?android:textAppearanceSmall"
android:textColor="@color/white"
android:textSize="16sp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="@string/action_sign_in"
android:textStyle="bold" />
<Button
android:id="@+id/btn_register"
android:elevation="10dp"
android:background="@drawable/shape_login_btn"
style="?android:textAppearanceSmall"
android:textColor="@color/white"
android:textSize="16sp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:text="@string/action_register"
android:textStyle="bold" />
</LinearLayout>
</ScrollView>
這就是View層
-
Controller層自然就是安卓中最重要的Activity或者Fragment
Controller顧名思義尿褪,它負(fù)責(zé)控制睦擂,相當(dāng)于View層和Model層的中間層,View層的數(shù)據(jù)來源于Model層杖玲,它需要Controller層把Model的數(shù)據(jù)交給View顿仇,而用戶的一些點擊操作滑動操作可能改變Model層的數(shù)據(jù),那也需要Controller層來扮演這個角色摆马,將用戶的操作轉(zhuǎn)化成對數(shù)據(jù)的改變臼闻。典型的例子就是Activity中各種Button的setOnclickListener里面做的事情,就十分鮮明的說明了Activity作為Controller的作用囤采。比如這是登錄界面的兩個Button的Listener:
btn_register.setOnClickListener {
startActivity(Intent(this, RegisterActivity::class.java))
}
btn_sign_in.setOnClickListener { onLogin() }
點擊第一個Button注冊述呐,就跳轉(zhuǎn)到注冊的Activity,點擊第二個Button登錄斑唬,就進(jìn)入登錄狀態(tài)市埋,onLogin里面處理的登錄的檢查和跳轉(zhuǎn)等等。
但事實上在寫的過程中很難避免Activity或者Fragment要做一些視圖的操作恕刘,比如setVisibility這些缤谎,因為xml幾乎不具備可編程性。Controller層和View層的耦合還是比較嚴(yán)重的褐着,所以其實有更好的一些其他的架構(gòu)坷澡。。MVC這種模式事實上還是有很大的劣勢的含蓉,至少在Android中是這樣频敛。
大概我們作業(yè)的結(jié)構(gòu)就介紹完了:
下面再談?wù)勂渌膸讉€點:
關(guān)于Kotlin
不得不說Kotlin包裝的一些語法糖,吃起來真甜馅扣,目前還沒有接觸到多少Kotlin的高級特性斟赚,但是一些簡單的特性,就已經(jīng)讓人愛不釋手了差油。舉個最簡單的例子在Model層會有大量的數(shù)據(jù)實體類拗军,我們拿最重要的這個GankModel舉例子,Java語言是這樣的:
public class GankModel {
private boolean error;
private List<ResultsEntity> results;
public void setError(boolean error) {
this.error = error;
}
public void setResults(List<ResultsEntity> results) {
this.results = results;
}
public boolean getError() {
return error;
}
public List<ResultsEntity> getResults() {
return results;
}
public static class ResultsEntity implements Serializable{
public ResultsEntity() {
}
public ResultsEntity(String _id, String createdAt, String desc, String publishedAt, String source, String type, String url, boolean used, String who, List<String> images) {
this._id = _id;
this.createdAt = createdAt;
this.desc = desc;
this.publishedAt = publishedAt;
this.source = source;
this.type = type;
this.url = url;
this.used = used;
this.who = who;
this.images = images;
}
private String _id;
private String createdAt;
private String desc;
private String publishedAt;
private String source;
private String type;
private String url;
private boolean used;
private String who;
private List<String> images;
public void set_id(String _id) {
this._id = _id;
}
public void setCreatedAt(String createdAt) {
this.createdAt = createdAt;
}
public void setDesc(String desc) {
this.desc = desc;
}
public void setPublishedAt(String publishedAt) {
this.publishedAt = publishedAt;
}
public void setSource(String source) {
this.source = source;
}
public void setType(String type) {
this.type = type;
}
public void setUrl(String url) {
this.url = url;
}
public void setUsed(boolean used) {
this.used = used;
}
public void setWho(String who) {
this.who = who;
}
public void setImages(List<String> images) {
this.images = images;
}
public String get_id() {
return _id;
}
public String getCreatedAt() {
return createdAt;
}
public String getDesc() {
return desc;
}
public String getPublishedAt() {
return publishedAt;
}
public String getSource() {
return source;
}
public String getType() {
return type;
}
public String getUrl() {
return url;
}
public boolean getUsed() {
return used;
}
public String getWho() {
return who;
}
public List<String> getImages() {
return images;
}
}
}
嗯 它太長了蓄喇。发侵。kotlin呢,就這么幾行
class GankModel {
var error: Boolean = false
var results: List<ResultsEntity>? = null
class ResultsEntity(_id: String, createdAt: String, desc: String, publishedAt: String, source: String, type: String, url: String, var used: Boolean, who: String, images: List<String>) : Serializable {
var _id: String? = _id
var createdAt: String? = createdAt
var desc: String? = desc
var publishedAt: String? = publishedAt
var source: String? = source
var type: String? = type
var url: String? = url
var who: String? = who
var images: List<String>? = images
}
}
他免去了各種繁瑣而重復(fù)的get set妆偏,讓人能把精力放在有意義的事情上刃鳄,另外還有一個很舒服的就是kotlin的可空類型(就是上圖中的那個帶問號的類型),它的使用免去了大量的Java中為了避免空指針異常的判空If語句钱骂,也讓人倍感清新叔锐。大量的語法糖也就不再舉例子了挪鹏,Kotlin的學(xué)習(xí)還在路上!(比較尷尬的是愉烙,kotlin在和Java交互中有一些坑狰住,在這次作業(yè)App的開發(fā)中也遇到了一個導(dǎo)致崩潰的可空類型和Java的交互,需要特別注意3萘骸)
項目第一次接觸的的一些第三方的好用的庫
登錄模塊借助Bmob后端云bmob后端云
,收藏模塊為了避免大量數(shù)據(jù)庫的沒有意義的增刪改查代碼肮蛹,也是使用了Android中比較常用的realm數(shù)據(jù)庫框架realm
勺择,都在Application中做了初始化。
這是我們的Bmobuser實體類
open class User : BmobUser() {
var age: Int = 0
//true男伦忠、false女
var gender: Boolean = false
var intro: String? = null
var nickname: String? = null
}
下面是為realm封裝的一個工具類:
public class DBManager {
/**
* 收藏數(shù)據(jù)省核,保存到數(shù)據(jù)庫中
*
* @param entity
*/
public static void save(final SaveModel entity) {
Realm realm = Realm.getDefaultInstance();
realm.executeTransaction(new Realm.Transaction() {
@Override
public void execute(Realm realm) {
realm.copyToRealm(entity);
}
});
}
/**
* 取消收藏,從數(shù)據(jù)庫中刪除
*
* @param entity
*/
public static void cancelSave(final SaveModel entity) {
Realm realm = Realm.getDefaultInstance();
realm.beginTransaction();
SaveModel resultsEntity = realm.where(SaveModel.class).equalTo("_id", entity.get_id()).findFirst();
resultsEntity.deleteFromRealm();
realm.commitTransaction();
}
/**
* 獲取數(shù)據(jù)中所搜收藏記錄
*
* @return
*/
public static List<SaveModel> getAllData() {
Realm realm = Realm.getDefaultInstance();
realm.beginTransaction();
RealmResults<SaveModel> results = realm.where(SaveModel.class).findAll();
realm.commitTransaction();
return results;
}
/**
* 根據(jù)主鍵查詢某條記錄
*
* @return
*/
public static SaveModel queryModel(String _id) {
Realm realm = Realm.getDefaultInstance();
realm.beginTransaction();
SaveModel result = realm.where(SaveModel.class).equalTo("_id", _id).findFirst();
realm.commitTransaction();
return result;
}
}
項目的細(xì)節(jié)
都是Android中的一些常見的View的使用昆码,一些簡單的網(wǎng)絡(luò)請求的封裝气忠,Handler Recyclerview Fragment Activity等等都可以看我之前發(fā)的博客的知識總結(jié),這感覺是很難說完的赋咽。
項目的一個難點是美女圖片的加載旧噪,在那么多圖片的情況下,有可能出現(xiàn)out of memory以及加載的卡頓脓匿,這方面一個是借助Glide的緩存策略去避免反復(fù)加載淘钟,另外是RecyclerView的緩存和回收去避免過多圖片駐留內(nèi)存。
由于平時還有各種學(xué)業(yè)壓力陪毡,所以完成項目過程中有一段時間是很趕進(jìn)度的米母,難免有些代碼功能是實現(xiàn)了,但是在代碼的整潔性毡琉,結(jié)構(gòu)的清晰性上都有一定可以提升的空間(就是有些代碼寫的比較丑铁瞒。。)桅滋,日后會繼續(xù)努力去完善的慧耍,但是最終的作品是完成了,希望能有一個好的成績~感謝大家的齊心協(xié)力虱歪!
最后還要感謝github上各個大神的分享蜂绎,從中汲取了很多知識和開發(fā)技巧,這次遇到的一些問題的難點笋鄙,就借鑒了許多大神的做法师枣,開源真是偉大!