置頂文章

2015年11月27日 星期五

[Android] - 改變ToolBar左側的返回建顏色


除了一開始建立Project的顏色之外,在Code裡面改變顏色的方法:
final Drawable upArrow = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
upArrow.setColorFilter(getResources().getColor(R.color.color_name), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(upArrow);

不過這邊用的getDrawable跟getColor都快被棄用了,
也許以後要改成這樣:
final Drawable upArrow = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha, getApplicationContext().getTheme());
upArrow.setColorFilter(getResources().getColor(R.color.color_name, getApplicationContext().getTheme()), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(upArrow);


參考資料
http://stackoverflow.com/questions/26788464/how-to-change-color-of-the-back-arrow-in-the-new-material-theme


2015年11月24日 星期二

[Android] - 使用Parse + Layer做聊天功能

以我目前的了解

Parse是雲端資料庫

Layer是聊天訊息系統

這篇介紹一下怎麼使用Parse + Layer做即時聊天系統

網路上都有Sample跟介紹,這邊自己再做個紀錄

1. 成為Parse開發者
https://parse.com/

2. 成為Layer開發者
https://layer.com/

3. 下載Android範例
https://github.com/layerhq/Layer-Parse-Android-Example

4. 下載Parse comment 工具
https://github.com/ParsePlatform/parse-cli/releases/tag/release_3.0.1
我的電腦是Windows的所以下載parse.exe執行檔

5. 開啟命令提示字元,輸入{絕對路徑或相對路徑}parse.exe new

之後會要求輸入Parse的帳號密碼
登入成功之後會問要「新開一個Project」還是「使用現有的」
選擇「新開一個Project」要再輸入Project名稱
選擇「使用現有的」之後會選擇哪一個


接著會詢問服務提供商是哪一個,選擇Parse

再來要填寫本地端的資料夾名稱,以當前位置做根目錄,系統會在這兒底下新增該資料夾名稱


然後,會問你要不要設定空專案,這邊直接按下Enter就可以

按下Enter之後的資訊


6.. 下載Layer Parse Module
https://github.com/layerhq/layer-parse-module
解壓縮放在步驟5所開好的資料夾底下

7. 登入layer且開一個Project之後,選擇「Keys」,再到Account: Authentication keys的輸入框填入資訊並按下「Generate a new key」,如下圖

按下「Generate a new key」之後會出現如下圖的彈出視窗,把輸入框的內容複製起來,貼到layer-parse-module\keys\layer-key.js

8. 開啟在專案根目錄底下的main.js
將下列幾行Code貼上
======================Code===================
var fs = require('fs');
var layer = require('cloud/layer-parse-module/layer-module.js');

var layerProviderID = 'layer:///providers/.......';  // Should have the format of layer:///providers/<GUID>
var layerKeyID = 'layer:///keys/......';   // Should have the format of layer:///keys/<GUID>
var privateKey = fs.readFileSync('cloud/layer-parse-module/keys/layer-key.js');
layer.initialize(layerProviderID, layerKeyID, privateKey);


Parse.Cloud.define("generateToken", function(request, response) {
    var currentUser = request.user;
    if (!currentUser) throw new Error('You need to be logged in!');
    var userID = currentUser.id;
    var nonce = request.params.nonce;
    if (!nonce) throw new Error('Missing nonce parameter');
        response.success(layer.layerIdentityToken(userID, nonce));

});
======================End===================

記得把Layer的Account: Provider ID跟Account: Authentication keys改成自己的
這兩個資訊都在Layer的Keys頁面

9. 回到命令提示字元,將當前目錄放到步驟4時建立好的資料夾底下,輸入parse.exe deploy
就把本地端的檔案上傳到Parse的Cloud Code了


10. 開啟Android Studio,將步驟3的範例打開
再把LayerImpl的LayerAppID和ParseImpl的ParseAppID與ParseClientKey改成自己的

11. 安裝到兩台手機上面,註冊兩個帳號就可以好好的聊天了

參考網址:
https://www.parse.com/docs/cloudcode/guide#command-line-installation
https://github.com/layerhq/layer-parse-module
https://github.com/layerhq/Layer-Parse-Android-Example

2015年11月20日 星期五

[Android] - CardView 介紹

可做出矩形區域的背景圖片
可設定圓角方角、陰影等等

附上原始碼:
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto" android:layout_gravity="center"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardPreventCornerOverlap="false"
card_view:cardCornerRadius="10dp"
card_view:cardElevation="5dp"></android.support.v7.widget.CardView>
效果如下圖


















說明:
cardPreventCornerOverlap
CardView內的元件要不要與圓角重疊

cardCornerRadius
CardView的四個角的弧度

cardElevation
CardView的的陰影

2015年11月16日 星期一

[DIY] 針孔式星象儀

某日在購物網站看到這個針孔式星象儀,基於夢想,二話不說就馬上下訂了。

它是一本雜誌的附錄。附上零件讓人自己組合。

可按照喜好組成北半球的星空或是南半球的星空。

組合起來的結果:


晚上實測用Nikon D40隨手拍起來的結果:


就我個人看起來的效果,當然沒有天文館裡面的好,在我房間投影出來的星象沒有想像中清晰。不過這樣子的設備能夠在家使用是蠻不錯的。吃兩顆二號電池。它還有15分鐘定時關閉的功能,跟自動旋轉的功能,一圈15分鐘。