DisplayMetrics 偵測resolution

DisplayMetrics

現在手機以及平板型號眾多.
要設計UI讓每一個使用者得到最好的外觀顯示.
其中一個方法就是透過DisplayMetrics 偵測resolution
再來調整應用程式個元件之間的距離. 間隔.或者字型大小.

執行畫面:

原始碼:

        @Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

//show "Resolution:"

TextView view1=(TextView)findViewById(R.id.textView1);

view1.setTextSize(25);

view1.setText("Resolution:");

TextView view2=(TextView)findViewById(R.id.textView2);

view2.setTextSize(20);

//取得螢幕大小

DisplayMetrics metrics = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(metrics);

 

view2.setText(Integer.toString(metrics.widthPixels)+"X"+Integer.toString(metrics.hei                          ghtPixels)); 

return true;

}

附上範例程式下載

SeekBar 範例程式

SeekBar  

在調整具有連續變化性的數值是個常見的元件.

例如:　音量. 亮度...等等都是適合使用SeekBar.

在數值變化的同時也改變音量(亮度).

這裡用一個範例程式實現SeekBar並將數值秀在底下TextView中

執行畫面:

範例程式碼:

 //public SeekBar bar1 

//public TextView view1

bar1=(SeekBar)findViewById(R.id.seekBar1);

view1=(TextView)findViewById(R.id.textView1);

       

//set 最大值1000 .  初始值:500

bar1.setMax(1000);

bar1.setProgress(500);

 

view1.setTextSize(40);

view1.setText(String.valueOf(bar1.getProgress()));

   

bar1.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

@Override

public void onStopTrackingTouch(SeekBar arg0) {

// seekbar 結束變更

}

@Override

public void onStartTrackingTouch(SeekBar arg0) {

// seekbar 開始變更

}

@Override

public void onProgressChanged(SeekBar arg0, int arg1, boolean arg2) {

// TODO seekbar 變更期間

view1.setText(String.valueOf(bar1.getProgress()));

}

});

範例程式點此下載

[wordpress外掛]Picasa and Google Plus Express

在wordpress中想要插入圖片來篇圖文並茂的文章.
若是使用direct-link必須先登入到Picasa 相簿裡面選好圖片.
然後複製圖片網址在貼在文章中.
這樣一來就必須開兩個瀏覽器分頁切換.
並不是很方便.
現在可以透過Picasa and Google Plus Express在撰寫文章時.
就能直接連到Picasa 相簿中選圖.

1.到"控制台" "安裝外掛"搜尋Picasa and Google Plus Express

2. 安裝完馬上啟用.就可以在"設定"中找到Picasa and Google Plus Express環境設定

2-1.
    在設定裡面有五大區域: (以下就拿幾個重要的說明ˊ)

Google+ Express access

     Assign capability to Roles: 選擇可以使用此外掛的使用者

Display properties

     Google user name for site: 填上google plus帳號名稱 (@gmail.com可不加)

     Save last state:                    記住上次插入圖片的位置

     Sorting images in album與Sorting order: 決定選圖時候圖片的排列方式. 可依照"標題"
                                             "檔案名稱"排列
                     

Image properties

     Single image thumbnail size與Single video thumbnail size: 

                                             決定插入的影片或圖片的寬度大小

                                                           

Gallery properties

     Album format: 決定插入圖片縮圖的大小

Advertising

     這有兩個選項. 分別是在LINK之後出現作者訊息以及Paypal贊助選項

3.設定完畢之後就可以在新增文章中. 插入圖片.

4.出現預覽視窗選圖. 選好之後按下"insert" 即可

Android 4.4 正式命名為KitKat

根據官方說法目前安裝Android作業系統的裝置（智慧型手機+平板）已經超過十億
在歷經
Cupcake(1.5) - Donut(1.6) - Éclair(2.0) - Froyo(2.2) -Gingerbread(2.3) - Honeycomb(3.0)
 - Ice Cream Sandwich(4.0) - Jelly Bean(4.1)
這些版本之後
如同前幾代產品.這次同樣也以甜點為代表.
下一代的產品為Android 4.4 正式命名為KitKat

Facebook Social Plugins- Like Box建立

Facebook Social Plugins- Like Box
在社群分享之中經常被使用到
今天就來教大家怎麼建立:

1.要使用Facebook Social Plugins 最好事先建立自己的粉絲專頁

 2.替專頁放上LOGO

 3.把專頁加到"最愛"

4.請Facebook官方 幫忙宣傳網頁. 不需要可以選略過

 5.到粉絲管理頁找到"更新專頁訊息"

 6.記住專頁編號

 7.到Facebook官方plugins網頁找到Like Box

 8.把專頁編號填入URL之後. 就可以開始調整 Like Box 參數
     寬度. 高度. 顏色. 要顯示的元件

 9.到網站新增一個HTML/Java script (這裡以Blogger為例子)
    "版面配置"-->"新增小工具"-->"HTML/JavaScript"

 10.編輯完成儲存版型之後就可以在網站上面找到Like Box

只有簡單的十個步驟
而且美觀又方便
實在是居家旅行
經營網站的必備良藥