Android類似於滾動的通知欄實現

控件類似於網頁上的滾動播報欄

圖片1：

圖片2：

如上圖，實現滾動欄裡多條消息的自切換；

點擊後獲取具體內容。

簡單是實現代碼：

1. public class PublicNoticeView extends LinearLayout {
3. private static final String TAG = "LILITH";
4. private Context mContext;
5. private ViewFlipper viewFlipper;
6. private View scrollTitleView;
7. private Intent intent;
9. Handler mHandler = new Handler(){
10. @Override
11. public void handleMessage(Message msg) {
12. // TODO Auto-generated method stub
13. switch (msg.what) {
14. case 1:
16. //bindNotices();
17. break;
19. case -1:
20. break;
21. }
22. }
23. };
25. /**
26. * 構造
27. * @param context
28. */
29. public PublicNoticeView(Context context) {
30. super(context);
31. mContext = context;
32. init();
33. }
36. public PublicNoticeView(Context context,AttributeSet attrs) {
37. super(context, attrs);
38. mContext = context;
39. init();
41. }
43. /**
44. * 網絡請求後返回公告內容進行適配
45. */
46. protected void bindNotices() {
47. // TODO Auto-generated method stub
48. viewFlipper.removeAllViews();
49. int i = 0;
50. while(i<5){
51. String text = "公告:中獎了 5000w-------";
52. TextView textView = new TextView(mContext);
53. textView.setText(text);
54. textView.setOnClickListener(new NoticeTitleOnClickListener(mContext,i+text));
55. LayoutParams lp = new LinearLayout.LayoutParams(
56. LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
57. viewFlipper.addView(textView,lp);
58. i++;
59. }
60. }
63. private void init(){
64. bindLinearLayout();
65. Message msg = new Message();
66. msg.what = 1;
67. mHandler.sendMessageDelayed(msg, 3000);
69. }
71. /**
72. * 初始化自定義的布局
73. */
74. public void bindLinearLayout() {
75. scrollTitleView = LayoutInflater.from(mContext).inflate(
76. R.layout.main_public_notice_title, null);
77. LayoutParams layoutParams = new LinearLayout.LayoutParams(
78. LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
79. addView(scrollTitleView, layoutParams);
81. viewFlipper = (ViewFlipper) scrollTitleView
82. .findViewById(R.id.flipper_scrollTitle);
83. viewFlipper.setInAnimation(AnimationUtils.loadAnimation(mContext, Android.R.anim.slide_in_left));
84. viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(mContext, android.R.anim.slide_out_right));
85. viewFlipper.startFlipping();
86. View v = viewFlipper.getCurrentView();
88. }
91. /**
92. * 獲取公告資訊
93. */
94. public void getPublicNotices(){
95. //網絡請求獲取
96. }
98. /**
99. * 公告title監聽
100. * @author Nono
101. *
102. */
103. class NoticeTitleOnClickListener implements OnClickListener{
104. private Context context;
105. private String titleid;
107. public NoticeTitleOnClickListener(Context context, String whichText){
108. this.context = context;
109. this.titleid = whichText;
110. }
111. public void onClick(View v) {
112. // TODO Auto-generated method stub
113. disPlayNoticeContent(context,titleid);
114. }
116. }
118. /**
119. * 顯示notice的具體內容
120. * @param context
121. * @param titleid
122. */
123. public void disPlayNoticeContent(Context context, String titleid) {
124. // TODO Auto-generated method stub
125. Toast.makeText(context, titleid, Toast.LENGTH_SHORT).show();
126. intent = new Intent(context, InformationContentActivity.class);
127. intent.putExtra("tag", titleid);
128. ((Activity)context).startActivity(intent);
129. }
131. }

代碼簡單分析：
1.構造初始化，默認無網絡情況下客戶端兩條信息滾動（比如公司簡介，網址，以及一些介紹）。因為改兩條數據我是xml寫死的。沒做點擊處理。
具體布局xml：

1. ?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout android:layout_width="fill_parent"
3. android:layout_height="wrap_content" android:orientation="horizontal"
4. xmlns:android="http://schemas.android.com/apk/res/android">
6. <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
7. android:layout_width="wrap_content" android:layout_marginRight="10dip"
8. android:layout_height="fill_parent" android:src="@drawable/main_notice1"
9. android:layout_gravity="center" android:gravity="center"/>
10. <ViewFlipper android:layout_gravity="center" android:padding="5dip"
11. android:id="@+id/flipper_scrollTitle" android:background="@drawable/main_notice_bg"
12. android:layout_width="fill_parent" android:layout_height="fill_parent"
13. android:layout_margin="0.0dip" android:flipInterval="5000"
14. android:layout_weight="1.0">
16. <TextView
17. android:gravity="center" android:id="@+id/scrollTile_hd"
18. android:layout_width="fill_parent" android:layout_height="fill_parent"
19. android:text="@string/default_notice1"/>
20. <TextView
21. android:gravity="center" android:id="@+id/scrollTile_hm"
22. android:layout_width="fill_parent" android:layout_height="fill_parent"
23. android:text="@string/default_notice2" />
24. </ViewFlipper>
25. </LinearLayout>

用ViewFliper作為滾動布局的root，5000秒滾動。至於上下滾，左右滾，效果可自定義；