小窩: 10月 2015

2015年10月23日星期五

Android / JavaScript color setting

目的：

使用色碼進行設定物件顏色

色碼產生：

添加透明度：

http://stackoverflow.com/a/25170174

Going off the answer from @BlondeFurious, here is some Java code to get each hex value from 100% to 0% alpha:

java code:

for (double i = 1; i >= 0; i -= 0.01) {
    i = Math.round(i * 100) / 100.0d;
    int alpha = (int) Math.round(i * 255);
    String hex = Integer.toHexString(alpha).toUpperCase();
    if (hex.length() == 1) hex = "0" + hex;
    int percent = (int) (i * 100);
    System.out.println(String.format("%d%% — %s", percent, hex));
}

output:

100% — FF
99% — FC
98% — FA
97% — F7
96% — F5
95% — F2
94% — F0
93% — ED
92% — EB
91% — E8
90% — E6
89% — E3
88% — E0
87% — DE
86% — DB
85% — D9
84% — D6
83% — D4
82% — D1
81% — CF
80% — CC
79% — C9
78% — C7
77% — C4
76% — C2
75% — BF
74% — BD
73% — BA
72% — B8
71% — B5
70% — B3
69% — B0
68% — AD
67% — AB
66% — A8
65% — A6
64% — A3
63% — A1
62% — 9E
61% — 9C
60% — 99
59% — 96
58% — 94
57% — 91
56% — 8F
55% — 8C
54% — 8A
53% — 87
52% — 85
51% — 82
50% — 80
49% — 7D
48% — 7A
47% — 78
46% — 75
45% — 73
44% — 70
43% — 6E
42% — 6B
41% — 69
40% — 66
39% — 63
38% — 61
37% — 5E
36% — 5C
35% — 59
34% — 57
33% — 54
32% — 52
31% — 4F
30% — 4D
29% — 4A
28% — 47
27% — 45
26% — 42
25% — 40
24% — 3D
23% — 3B
22% — 38
21% — 36
20% — 33
19% — 30
18% — 2E
17% — 2B
16% — 29
15% — 26
14% — 24
13% — 21
12% — 1F
11% — 1C
10% — 1A
9% — 17
8% — 14
7% — 12
6% — 0F
5% — 0D
4% — 0A
3% — 08
2% — 05
1% — 03
0% — 00

2015年10月14日星期三

ListView滑動更換圖片

目的：

減少ListView上下滑動更換圖片時產生的Lag

操作：

在Main.java使用setOnScrollListener()偵測ListView是否滑動，若處於靜止的狀態時，就開始更換item上的圖片
**只要ListView初始化完成後，使用者開始滑動，一切更換圖片的code皆在setOnScrollListener()中的onScrollStateChange()中進行處理**

Main.java

MyAdapter adapter = null ;

ListView lv = new ListView(this) ;
lv.setAdapter(adapter = new MyAdapter()) ;

lv.setOnScrollListener( new OnScrollListener() {
                                        @Override
                                        public void onScrollStateChanged( AbsListView listview, int scrollState ) {
                                            // TODO Auto-generated method stub
                                            switch ( scrollState ) {
                                                case OnScrollListener.SCROLL_STATE_IDLE:
                                                    MyAdapter.scrolling = false ;

                                                    int first = listview.getFirstVisiblePosition() ;
                                                    int childCnt = listview.getChildCount() ; // listview可用的view總數
                                                    int listDataSize = lvAdapter.getListDataSize() ;
                                                    for ( int i = 0 ; i < childCnt ; ++i ) {
                                                        View convertView = listview.getChildAt( i ) ; // 取出目前需處理的item

                                                        // 取出ViewHolder後可以進行而外處理
                                                        MyAdapter.ViewHolder holder = (MyAdapter.ViewHolder) convertView.getTag() ;

                                                        convertView.setTag( R.image.used, "自訂此圖的記號" ) ;

                                                        //...更新item上的圖片
                                                    }
                                                    break ;
                                                default:
                                                    MyAdapter.scrolling = true ;
                                                    //...可以取消下載的進程
                                                    break ;
                                            }
                                        }

                                        @Override
                                        public void onScroll( AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount ) {
                                            // TODO Auto-generated method stub
                                        }
                                    } ) ;

在MyAdapter的getView()中處理當前使用item的圖片，是否與前一張圖是否相同，若相同就不處理，若不相同則代表需要更換新圖片在此item中
**畫面上起初所看到的幾張圖片在此處理並顯示，後續上下滑動事件時所更換圖片的code由ListView的setOnScrollListener()處理**

MyAdapter.java

public static boolean scrolling = false ;

@Override
public View getView( int position, View convertView, ViewGroup parent ) {
    // TODO Auto-generated method stub
    ViewHolder holder = null ;

    if ( convertView == null ) {
        //...
        convertView.setTag( holder ) ;
    } else {
        holder = (ViewHolder) convertView.getTag() ;
    }

    if ( !scrolling ) {
        //...畫面上起初所看到的幾張圖片在此處理並顯示

        // 記錄此item目前被誰所用
        convertView.setTag( R.image.used, "自訂此圖的記號" ) ;
    } else {
        String nowTag = "自訂此圖的記號" ;
        String preTag = String.valueOf( convertView.getTag( R.image.used ) ) ;

        // preTag未產生過則為null，或者有手動清除過
        // item目前使用的圖跟前一張圖是否相同，若相同則代表此圖未滑出螢幕範圍
        if ( preTag != null && !nowTag.equals( preTag ) ) {
            convertView.setTag( R.image.used, null ) ; // 清除此圖的記號
            //...清除此圖，為了下次此item滑到螢幕範圍內後，不會顯示上一張圖
        }
    }

    return convertView ;
}

2015年10月13日星期二

在Blogger中新增CodeBlock

目的：
在blogger中新增CodeBlock

操作：
使用 http://hilite.me/ 轉換code後，將產生的內容貼到Blogger文章中即可

2015年10月23日 星期五