Open in app

Sign In

Write

Sign In

Dogpa Chen
Dogpa Chen

165 Followers

Home

Lists

About

Apr 22

Kotlin Practice # 17 Compose 下拉式選單 DropdownMenu

上一篇透過官方的原生元件,理解了RangeSlider的使用方式。 Kotlin Practice # 16 Range Slider 初探 上一篇完成了Retrofit的URL參數設定,讓API在URL加入參數時可以依照不同的參數內容進行設定。dogpa0130.medium.com 這一篇來研究side project的另一個功能,鄉鎮市區的選取。在iOS會有picker可以使用,而在研究後,Android則是透過DropdownMenu來協助完成,可以另外透過TextField的搜尋方式來完成,因為這個功能基本上會使用在使用者選取台灣的鄉鎮市區,所以就不透過的這 …

Jetpack Compose

10 min read

Jetpack Compose

10 min read


Apr 21

Kotlin Practice # 16 Range Slider 初探

上一篇完成了Retrofit的URL參數設定,讓API在URL加入參數時可以依照不同的參數內容進行設定。 Kotlin Practice # 15 Compose Retrofit 多參數URL串接 上一篇理解到如何透過簡單的做法跳轉到其他APP,side project也多完成了一個小功能。dogpa0130.medium.com 而這一篇則要學習silider的另一個功能,就是有範圍的slider,在iOS上需要第三方套件的協助,而Jetpack Compose已經提供原生的RangeSlider了。 首先因為原本RangeSlider原本仍是實驗性質的元件,在mate …

Jetpack Compose

6 min read

Jetpack Compose

6 min read


Apr 19

Kotlin Practice # 15 Compose Retrofit 多參數URL串接

上一篇理解到如何透過簡單的做法跳轉到其他APP,side project也多完成了一個小功能。 Kotlin Practice #14 Compose 跳轉其他APP 上一篇完成了簡單的水庫API的串接,大概知道要如何透過Retrofit取得網路的資料。dogpa0130.medium.com 這篇則要回頭再看看一次網路串接API取得資料的Retrofit。 原本上一篇練習的的API URL是沒有含任何參數的,但在自己的side project是需要串接中央氣象局的API,而中央氣象局會需要帶入相對應的資訊才能夠建立完整的呼叫API的URL。 Opendata API 線上說明文件 Edit descriptionopendata.cwb.gov.tw 先看看本來要呼叫API的中央氣象局URL https://opendata.cwb.gov.tw/api/v1/rest/datastore/F-D0047-011?Authorization=中央氣象局申請的授權碼&format=JSON&locationName=五峰鄉&elementName=T,WeatherDescription

Android

4 min read

Android

4 min read


Apr 15

Kotlin Practice #14 Compose 跳轉其他APP

上一篇完成了簡單的水庫API的串接,大概知道要如何透過Retrofit取得網路的資料。 Kotlin Practice # 13 Compose Retrofit 串接API初探 上一篇完成了底部導航的Bottom Bar Navigation的理解,在切換頁面有了初步的認識。dogpa0130.medium.com 這一篇則要學習如何在Jetpack Compose 點擊某個選項後,跳轉到其他的APP。主要會跳到 chrome / Line / Google Map / 電話 這四個。 首先先建立一個function,建立intent後加入intent的data後推出。 fun …

Code

5 min read

Kotlin Practice #14 Compose 跳轉其他APP
Kotlin Practice #14 Compose 跳轉其他APP
Code

5 min read


Apr 13

Kotlin Practice # 13 Compose Retrofit 串接API初探

上一篇完成了底部導航的Bottom Bar Navigation的理解,在切換頁面有了初步的認識。 Kotlin Practice # 12 Compose Bottom Bar Navigation 底部導航初探 上一篇學習了多彩文字的用法,讓一行文字能夠快速的產出不同的顏色。dogpa0130.medium.com 這篇則要理解在Jetpack Compose 如何透過網路串接API並取得資料。Android裡最有名的莫屬於Retrofit了。 這次練習要嘗試練習串接經濟部水庫水情API,顯示水庫名稱與目前的蓄水量。 這次要串接的API如下(API已於2022/09 …

Code

11 min read

Kotlin Practice # 13 Compose Retrofit 串接API初探
Kotlin Practice # 13 Compose Retrofit 串接API初探
Code

11 min read


Apr 9

Kotlin Practice # 12 Compose Bottom Bar Navigation 底部導航初探

上一篇學習了多彩文字的用法,讓一行文字能夠快速的產出不同的顏色。 Kotlin Practice # 11 多彩文字 上一篇完成了在Jetpack Compose透過分享指定文字的方法,side project又邁進了一步。dogpa0130.medium.com 這篇則要開始將原本iOS的尋露APP,建立Android的版本,因為是自己的side project,所以會透過Jetpack Compose來完成。首先要來學習的是下方的Bottom Bar Navigation,使用者可以透過Bottom Bar快速的點擊頁面。 首先是建立一個Pag …

Programming

9 min read

Kotlin Practice # 12 Compose Bottom Bar Navigation 底部導航初探
Kotlin Practice # 12 Compose Bottom Bar Navigation 底部導航初探
Programming

9 min read


Apr 3

The Swift Summary in March 2023

What is going on March: It is a busy month. I spend many to adjust code in job. I worked overtime day after day, but I have more time to know code flow on this project. Out of work, I develop another side project to launch on Play Console, It is a easy side project and try to learn Jetpack Compose on this side project. The amount of summary to my Swift article when I started : 2021:122 2022:57 2023/H1:12

1 min read

The Swift Summary in March 2023
The Swift Summary in March 2023

1 min read


Mar 30

Kotlin Practice # 11 多彩文字

上一篇完成了在Jetpack Compose透過分享指定文字的方法,side project又邁進了一步。 Kotlin Practice # 10 Compose分享文字內容 上一篇完成了在Compose內顯示橫幅廣告的方式,side project又解決了一個問題。dogpa0130.medium.com 這一篇則要來記錄工作上的一個需求,需要在一個TextView內顯示不同的文字。一開始覺得很難,但Android原生已經能提供解決方法。在這邊紀錄兩個方式。 第一種方式是透過SpannableString //建立字串內容 val spannableString = SpannableString("abcd1234中文英文") //建立顏色 val foregroundColor = ForegroundColorSpan(Color.BLUE) //設定影響的範圍與顏色 spannableString.setSpan(foregroundColor,0,7, Spannable.SPAN_INCLUSIVE_EXCLUSIVE) //指派給TextView binding.colorTextView.text = spannableString binding.colorTextView .movementMethod = LinkMovementMethod.getInstance()

Kotlin

3 min read

Kotlin Practice # 11 多彩文字
Kotlin Practice # 11 多彩文字
Kotlin

3 min read


Mar 26

Kotlin Practice # 10 Compose分享文字內容

上一篇完成了在Compose內顯示橫幅廣告的方式,side project又解決了一個問題。 Kotlin Practice # 9 Compose 建立 Admob Banner 橫幅廣告 上一篇完成了簡單的Todo List與DataStore的練習。dogpa0130.medium.com 而這篇要來記錄side project的另一個功能,就是使用者輸入後取得一些結果後,能透過文字來分享。 基本功能會將要傳出去給使用者的文字準備好,使用者只要點擊按鈕後就能拷貝該文字內容,分享在記事本或是其他地方。 網路上找到相關的解決方法,因為相對簡單,所以直接在下方貼上程式碼,在compose的UI內加入就可以實測。 val intent: Intent = Intent().apply { action = Intent.ACTION_SEND putExtra(Intent.EXTRA_TEXT, "分享文字結果") type = "text/plain" } val shareIntent = Intent.createChooser(intent, null) val context = LocalContext.current Button(onClick = { context.startActivity(shareIntent) }){ Text("分享文字內容") }

2 min read

2 min read


Mar 9

Kotlin Practice # 9 Compose 建立 Admob Banner 橫幅廣告

上一篇完成了簡單的Todo List與DataStore的練習。 Kotlin Practice #8 Compose Todo List與DataStore 上一篇完成了Lazy Column的點擊事件,對於列表的點擊有了新的認識。dogpa0130.medium.com 這一篇則要來練習如何在Jetpack Compose內加入Google Admob的橫幅廣告。原本以為會很困難,但理解後發現沒有想像的那麼困難。 Gradle加入套件: 首先引入套件,於build.gradle內加入Admob的套件,加入完成記得要Sync。 implementatio …

Kotlin

4 min read

Kotlin Practice # 9 Compose 建立 Admob Banner 橫幅廣告
Kotlin Practice # 9 Compose 建立 Admob Banner 橫幅廣告
Kotlin

4 min read

Dogpa Chen

Dogpa Chen

165 Followers

Smile Coding / iOS轉職路ING

Following
  • 彼得潘的 iOS App Neverland

    彼得潘的 iOS App Neverland

  • 張又壬

    張又壬

  • Chun-Li 春麗

    Chun-Li 春麗

  • 信樂太郎

    信樂太郎

  • Salvatore Raieli

    Salvatore Raieli

See all (139)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams