Kotlin玩Android第01篇 使用Anko Layout建立第一個App

-


情境(Context)：

    此文章是記錄我用Kotlin學習Android應用的第一個紀錄，
將會採用Anko Layout的方式去設計我的App畫面。
    我曾在大一時學過Java，但我並沒有用它撰寫過Android程式(直到現在XD)。
    作業系統：OSX 10.13.2  
    開發環境：Android Studio 3.0.1 
    Anko版本: 0.10.4
    手機系統: Android 7.1.1

問題(Problem)：

    首先Kotlin在Android一樣可以用layout資源裡的XML進行畫面排版，
雖然XML太難寫可讀性又很差，
但Android Studio可以透過拖曳物件的方式進行構圖，並且有很多視覺化的設計元件。
到底為什麼還要學Anko Layout的DSL?

    Anko Layout有說明不使用XML的幾個理由。

排除掉XML解析成Java程序要耗費手機CPU資源這類原因。
個人喜歡DSL的理由主要是:
1. DSL寫起來更符合Kotlin的簡潔風格，Layout的預設參數是好物。
2.邏輯排版 & 配合使用Anko函數都很簡單。
3. 帥！

缺點大概就是無法拖曳物件排版，據說可以用Plugin將排版完的xml轉成anko layout，但要反向轉換就沒辦法了。(個人沒試過將xml轉成DSL)

Anko小知識：
如果你想在AndroidStudio 中預覽Anko Layout的視覺構圖，
請點選"Preferences" -> "Plugin" -> "install JetBrains plugin" -> 安裝套件 Anko Support

言歸正傳，我們真正想研究的問題是如何用Anko寫一個App？
功能包含 按鈕觸發、垂直排版、換頁、換頁傳遞資料

答案(Solution)：

第零步：先安裝JDK8 然後安裝AndroidStudio 3

第一步：配置Anko環境

1-1 建立一個有Empty的Kotlin專案

1-2 配置Gradle

build.gradle(Project:專案名稱)檔案中buildscript的{ }內部添加一行。
ext.anko_version='0.10.4'


build.gradle(Module:App)檔案中
dependencies的{}中添加數行
    // Anko Commons
    compile "org.jetbrains.anko:anko-commons:$anko_version"

    // Anko Layouts
    compile "org.jetbrains.anko:anko-sdk25:$anko_version" // sdk15, sdk19, sdk21, sdk23 are also available
    compile "org.jetbrains.anko:anko-appcompat-v7:$anko_version"

    // Coroutine listeners for Anko Layouts
    compile "org.jetbrains.anko:anko-sdk25-coroutines:$anko_version"
    compile "org.jetbrains.anko:anko-appcompat-v7-coroutines:$anko_version"





第二步：撰寫Anko Layout







2-1 將DSL寫在onCreate()內部







2-2 按鈕想加一個點擊事件，加一個onClick{}







2-3 將editText的文字內容傳給下一個Activity







2-4 接收到intent參數(就是2-3傳遞的參數)






完整程式碼：













manifests的設定：


MainActivity的程式碼：







SecondActivity的程式碼：







































留言











張貼留言



















這個網誌中的熱門文章









Kotlin玩Android第03篇 Listview(01 ArrayAdapter) 






-














圖片







本篇文章將會稍微提到Adapter的功用， 並且會用到Anko的onClick和alert來簡化App的程式碼。   本文提到的ArrayAdapter是可以直接拿來用的類別，無需由其他物件繼承便可以使用。   除非你的 ListView 構造比較複雜，不然我覺得今天這篇文章講的對想使用ListView的人，使用ArrayAdapter也算是有點小用(我不是在沒罵人😂)。     實作的影片！     Adapter本身算是listview跟資料來源的橋樑，如果你是實際寫個繼承BaseAdapter的類別並實際去override裡面的方法，  就會明白連個getItem或getItemId都得自己去定義，但在此例ArrayAdapter同時也扮演著資料來源的角色，  所以我們省去了override的麻煩。   然後宣告ArrayAdapter必須定義好item的資料型態，此例為String型態。   如上面程式碼片段可以直接用.addAll()一次添加多個字串。   然後再添加底下這行  main_listview. adapter = myAdapter  ，這三行就讓我們定義的listView跟ArrayAdapter連接起來，   然後資料便會自動地顯示在listView上。    可惡！好像ArrayAdapter的用法太簡單反而沒什麼可講XD  畢竟還用到了Anko Layout的 onClick和alert這類工具函數，  可能就剩下基本的ArrayAdapter的自帶函數可講。   ArrayAdapter<T>.getItem(position: Int)   功用: 取得某個位置的值，用整數索引當作參數   ArrayAdapter<T>.remove(某個值: T)    那個某個值的型態是依據你ArrayAdapter當初建構T的型態而定，   在範例中是String型態。   功用: 從ArrayAdapter中移除某個值   ArrayAdapter<T>.clear()    功用: 清空ArrayAdapter中所有值。      完整的mainactivity.kt       完整的activity_main.xml       個人心得：   ListView我還在研究能否用更複雜的呈現，  








閱讀完整內容










使用Intent在Activity間傳遞資料(bundle)






-















不同Activity想傳遞簡單的資料，   可以使用Intent內的Bundle來儲存，   然後再利用Intent本身回傳。     通常只有這兩種情況，而這兩種情況也可能連續發生。   1.  A Activity 傳值呼叫 B Activity ， B Activity 取得 A 給予的值。   Ex：聯絡人App， 列表畫面  中點擊某個聯絡人跳出 編輯畫面 ，   編輯畫面 需要預先填入該聯絡人的基本資料在每個欄位中。          2. 當 B Activity  處理完成 A Activity 給予的任務，要結束 B 本身並返回資料給 A 。   Ex：當編輯成功時， 編輯畫面 關閉但同時將已更改聯絡人的id返回給 列表畫面 。         檢討  雖然putExtra和getExtra用起來很簡單，  但還是錯用，因此特別書寫一下！   有一點我犯的錯，紀錄一下。  當你使用intent時，不用另外指定給它新Bundle()。   不過底下這行還沒編譯就會直接報錯了。  intent.extras = Bundle()   延用舊intent塞值:  intent.putExtraString(KEY, 你要存的字串值)  或重新產生一個Intent再塞值:  Intent().apply{     // put 你的資料在apply{ }中  }   最後putExtra能存的型態很多，  不只基本的Int、String、Float還有Array，  甚至連Serializable的物件都行。  








閱讀完整內容










golang本地測試如何繞過防火牆詢問允許






-














圖片







OS: OSX 10.14.6  development: VSCode  programming language: Golang   發現寫的http server每次在本地端測試時防火牆總會跳出來，  詢問你是允許or拒絕連線，然後允許後下次也還是會跳出來。  如下圖：     詢問是否接受接受「_debug_bin」接受傳入的網路連線?   其實如果只是要本地連線測試，  不需要把防火牆關掉或另外設定。   只要將原本這行  err  := http. ListenAndServe ( ":8080" , nil )  只要像底下明確指定內部IP即可。   err  := http. ListenAndServe ( "127.0.0.1:8080" , nil )    參考文章：  https://stackoverflow.com/questions/18978622/firewall-blocks-go-development-server  








閱讀完整內容