發表文章

[Blogger小技巧] 免用小工具無痛完成自訂義的程式碼區塊

圖片
好久沒寫技術分享文了 用過許多平台寫過文章之後再回來這 發現 Blogger 的程式碼區塊使用起來實在不是很理想 想想乾脆用結圖的方式,但是讀者又不方便做複製的動作 文章編輯器裡的使用程式碼格式沒有看到效果 外掛又需要去版面設定加入 HTML/JavaScript 在文章中需要程式碼區塊的時候又要切換到 HTML 檢視 把程式碼用<pre></pre>包起來 實在是很不好用 某天在使用 Google Docs 的時候發現一個應用工具叫做 Code Blocks 名字非常的簡單明瞭就是"程式碼區塊" 使用步驟如下: 安裝  Code Blocks 開啟一個新的 Google Docs 把你想貼的程式碼貼到 Google Docs 中 (這邊拿上一篇 layer-list 應用裡的程式碼來做示範) 反白程式碼後,點選:外掛程式 -> Code Blocks -> Start 底下執行中轉轉轉完,右邊會出現一個設定區塊,就可以根據你的程式語言和主題進行 Format,也可以先點選 Preview 預覽格式,再決定是否要套用。 Format 之後就可以複製貼到 Blogger 囉,這邊注意一下它套用完之後是放到單格表格內,所以要選取整個儲存格再做複製,才能把整個格式複製過來喔~~如下圖: 一起來分享你腦袋中的知識吧~

[Android] layer-list 應用 - 愛奇藝和當貝市場的 QR Code 掃描外框

圖片
今天工作需要設計 QR Code 掃描來做客服表單填寫 只出現 QR Code 沒設計感,感覺少了什麼 參考了愛奇藝和當貝市場 發現外層都還有一個框 如下圖 這個框要如何實現,初步構想了一下 請設計出 9patch 圖 用五個 drawable 組出來 (框及四個角) 利用 layer-list 和 drawable 組合 使用第一種方式當然是最好的,只需要設計幫忙出一張圖就行,背景套用上去就好 但如果今天急單,設計又剛好不在,自己的PS又爛到可以怎麼辦? 只好自己刻了 第二種方式 先用<shape>分別做成框和四個角的 drawable.xml,再用 RelativeLayout 和 ImageView 來組成,但這樣又太多檔案和程式碼,有沒有辦法再更簡潔,所以想到第三種方式 利用 layer-list 和 drawable 組合 Step1: 新增最外層為 <layer-list> 的 background.xml  <? xml version= "1.0" encoding= "utf-8" ?> < layer-list xmlns:android= "http://schemas.android.com/apk/res/android" > </ layer-list > Step2: 用 <shape> 做一個外層的框,可以用 Preview 來看看結果 這裡補充一下,<layer-list> 是由多個 <item> 組成,所以 <layer-list> 中只會有 <item> 不可以有 <shape> 等其他的 element <? xml version= "1.0" encoding= "utf-8" ?> < layer-list xmlns:android= "http://schemas.android.com/apk/res/andro...

[Kotlin筆記]Java和Kotlin語法比較(打印訊息print、Log、變數宣告)

以下這篇會是我在學習Kotlin時的筆記 紀錄Java和Kotlin語法比較,但多數會著重在Kotlin的語法 大家可以參考參考 先來個重點整理: 1. Java需要在程式碼結束後加上";",Kotlin不用 2. Java需要宣告變數型態,Kotlin可以不用 3. Java變數型態宣告在前面,Kotlin在後面 1. 打印訊息print Java: System.out.print("Hello Java"); //不換行 System.out.println("Hello Java"); //換行 System.out.println("I have " + (3*12) + " bottles of beer") //訊息中若有數字運算或是方法呼叫都必須透過+來串接 int dozen = 3; System.out.println("I have " + (dozen*12) + " bottles of beer") //結果同上 Kotlin: print("Hello Kotlin") //不換行 println("Hello Kotlin") //換行 println("I have " + (3*12) + " bottles of beer") //Kotlin一樣可以用+來做串接 println("I have ${3*12} bottles of beer") //另外可以透過"${"和"}"把需要運算的算式、參數和方法放在這,就可以不用用+來做串接 var dozen = 3 Log.d(TAG, "I have ${dozen*12} bottles of beer") //結果同上 2. 打印訊息Log Java: private final String TAG = getClass().getSimpleName(); //需要宣告變數型態 ... Log.d(TAG,...

[Android] Android Studio 修改PackageName 和專案資料結構

圖片
今天看到FB上有人在問怎麼修改在Android Studio已建立的專案PackageName 這裡就來教學一下 狀況: com.company.name 改成 com.company.sample.sub Step 1: 去修改Gradle 裡的 application id 修改完後按下Sync Now Step 2: 修改資料夾結構 原本一般在Android模式下來看,資料結構會長的下面這張圖一樣,但我們要先按右上角那個齒輪->Compact Empty Middle Package 按下之後會長這樣 Step 3: Refactor 在需要修改的資料夾上按下右鍵->選擇Refactor->Rename   AS會問你只要改資料夾名稱就好還是要連原本在這個資料夾內的內容都一併做修正 這邊預設就選Rename package 接著輸入要修改的名字(Ex: 這裡要把name改成sample) 另外他也問你要不要連字串中有包含這個舊的資料夾名稱一併也一起改成新的資料夾名稱 這裡選擇性勾選 看你的需求 再來,貼心的AS還是會再列出來一次你曾經在哪使用過這個舊的資料夾名稱  如果都確認後就按下 Do Refactor  這時你可以看到原本資料夾結構為com.company.name的已經變成com.company.sample了 Step 4: 新增資料夾 這時我們還差一個資料夾就完成了 在sample資料夾上按右鍵->New->Package 輸入資料夾名稱 這個時候可以看到資料夾結構已經變成com.company.sample.sub了 Step 5: 搬移原本檔案 此時新增的資料夾會跟原本在name底下的class在同一層 可以視情況搬移檔案 選取要搬移的檔案後 拖曳至剛剛新增的資料夾sub內 做確認動作  再來就可以看到class和class內的package都更改了 Step 6: 換回預設顯示方式 修改好之後一樣點選右上角的齒輪->Compact Empty Middle ...