顯示廣告
隱藏 ✕
看板 Knuckles_note
作者 Knuckles (站長 那克斯)
標題 [AndroidStudio] 初學者APP教學 網路文章閱讀器
時間 2015-12-22 Tue. 13:13:44


這篇文章整理從安裝 Android Studio 開始
完成一支簡單的 Android APP
並上架到 Google Play 的所有過程

做出來的 APP 像這樣
[圖]

一開啟會從網路下載 Disp BBS 的熱門文章列表
可滑動點選想看的文章後,用內嵌的瀏覽器在APP中閱讀
點左上角的回上層按鈕可回到熱門文章列表

只要修改一下就可以將自己的網站做成APP讓人方便的瀏覽了

詳細的步驟分成以下10篇文章

1. 開發環境 Android Studio 安裝與設定

[圖]

安裝 Java SE JDK、Android Studio、更新 SDK
設定深色背景、顯示行號、Auto Import、調整字體

2. 使用 Android Studio 建立新的專案,安裝 Android 模擬器執行

建立一個初始頁面為 Empty Activity 的新專案
[圖]

大致介紹一下每個檔案的用途

安裝 API 16 的 Android SDK
新增模擬器,測試執行結果
[圖]


修改 APP 的圖示、修改顯示字串
[圖]
 
[圖]


3. 在 APP 內下載 Disp BBS 提供的熱門文章 JSON 檔,用 log 視窗查看下載結果

設定 APP 允許使用網路功能
安裝第三方函式庫: Android Async HttpPicasso 
在 APP 執行時,使用 Android Async Http 下載 Disp BBS 的熱門文章 JSON 檔

使用 Log.d() 將下載的資料顯示在 logcat 視窗
[圖]


JSON資料的用法簡介

在下載資料時顯示「載入中」的圖示
[圖]


4. 用 ListView 產生列表,將 JSON 檔的資料顯示出來

在主頁面加上 ListView

新增一個layout檔 row_main.xml 用來設定每列裡的內容排版
[圖]


新增一個java檔 MainAdapter.java
用來將 JSON 資料轉為給 ListView 用的 Adapter

縮圖使用 Picasso 將圖片網址顯示出來

將下載的 JSON 資料用 ListView 來顯示的結果
[圖]


5. 偵測列表的點擊事件,開啟新的 activity 頁面,並將資料用 Intent 傳遞過去

在 ListView 加上偵測點擊事件

新增一個閱讀文章的 activity 頁面,在列表點擊時將資料傳遞至閱讀文章頁
[圖]


6. 在開啟的 activity 頁面使用 WebView 將文章網頁用內嵌的瀏覽器顯示出來

閱讀文章頁用 WebView 顯示文章網址
[圖]


7. 在列表用 SwipeRefreshReview 加上下拉更新的功能

在列表頁加上下拉更新的功能
[圖]


8. 將 APP 安裝至實際的手機測試

在手機設定裡,開啟開發人員選項,開啟「USB 偵錯(USB debugging)」
[圖]


9. 註冊 Google Play 發行人員帳戶

付費 US$25 註冊 Google Play 發行人員帳戶
[圖]


10. 用 Android Studio 建立簽署過的 APK 檔,上架至 Google Play

建立 Signed APK
[圖]


在 Google Play 發佈 Android 應用程式
[圖]

[圖]


成功上架囉
[圖]



完整程式: 點此下載

--
※ 作者: Knuckles 時間: 2015-12-22 13:13:44
※ 編輯: Knuckles 時間: 2015-12-23 10:51:45
※ 看板: KnucklesNote 文章推薦值: 3 目前人氣: 0 累積人氣: 6525 
※ 本文也出現在看板: ott
分享網址: 複製 已複製
( ̄︶ ̄)b changsong, simon9331 說讚!
1樓 時間: 2015-12-23 11:23:28 (台灣)
  12-23 11:23 TW
太神啦  感謝站長大人的教學!!!
2樓 時間: 2015-12-23 11:40:20 (台灣)
  12-23 11:40 TW
這要好好收藏
ott 轉錄至看板 ott (使用連結) 時間:2015-12-24 13:27:50
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇