控件类似于网页上的滚动播报栏

图片1:

 

图片2:

 

如上图,实现滚动栏里多条消息的自切换;

点击后获取具体内容。

简单是实现代码:

public class PublicNoticeView extends LinearLayout {

private static final String TAG = "LILITH";
private Context mContext;
private ViewFlipper viewFlipper;
private View scrollTitleView;
private Intent intent;

Handler mHandler = new Handler(){
@Override
public void handleMessage(Message msg) {
// TODO Auto-generated method stub
switch (msg.what) {
case 1:

//bindNotices();
break;

case -1:
break;
}
}
};

/**
* 构造
*
@param context
*/
public PublicNoticeView(Context context) {
super(context);
mContext = context;
init();
}


public PublicNoticeView(Context context,AttributeSet attrs) {
super(context, attrs);
mContext = context;
init();

}

/**
* 网络请求后返回公告内容进行适配
*/
protected void bindNotices() {
// TODO Auto-generated method stub
viewFlipper.removeAllViews();
int i = 0;
while(i<5){
String text = "公告:中奖了 5000w-------";
TextView textView = new TextView(mContext);
textView.setText(text);
textView.setOnClickListener(new NoticeTitleOnClickListener(mContext,i+text));
LayoutParams lp = new LinearLayout.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
viewFlipper.addView(textView,lp);
i++;
}
}


private void init(){
bindLinearLayout();
Message msg = new Message();
msg.what = 1;
mHandler.sendMessageDelayed(msg, 3000);

}

/**
* 初始化自定义的布局
*/
public void bindLinearLayout() {
scrollTitleView = LayoutInflater.from(mContext).inflate(
R.layout.main_public_notice_title, null);
LayoutParams layoutParams = new LinearLayout.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
addView(scrollTitleView, layoutParams);

viewFlipper = (ViewFlipper) scrollTitleView
.findViewById(R.id.flipper_scrollTitle);
viewFlipper.setInAnimation(AnimationUtils.loadAnimation(mContext, android.R.anim.slide_in_left));
viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(mContext, android.R.anim.slide_out_right));
viewFlipper.startFlipping();
View v = viewFlipper.getCurrentView();

}


/**
* 获取公告资讯
*/
public void getPublicNotices(){
//网络请求获取
}

/**
* 公告title监听
*
@author Nono
*
*/
class NoticeTitleOnClickListener implements OnClickListener{
private Context context;
private String titleid;

public NoticeTitleOnClickListener(Context context, String whichText){
this.context = context;
this.titleid = whichText;
}
public void onClick(View v) {
// TODO Auto-generated method stub
disPlayNoticeContent(context,titleid);
}

}

/**
* 显示notice的具体内容
*
@param context
*
@param titleid
*/
public void disPlayNoticeContent(Context context, String titleid) {
// TODO Auto-generated method stub
Toast.makeText(context, titleid, Toast.LENGTH_SHORT).show();
intent = new Intent(context, InformationContentActivity.class);
intent.putExtra("tag", titleid);
((Activity)context).startActivity(intent);
}

}

代码简单分析:
1.构造初始化,默认无网络情况下客户端两条信息滚动(比如公司简介,网址,以及一些介绍)。因为改两条数据我是xml写死的。没做点击处理。
具体布局xml:

?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="fill_parent"
android:layout_height
="wrap_content" android:orientation="horizontal"
xmlns:android
="http://schemas.android.com/apk/res/android">

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width
="wrap_content" android:layout_marginRight="10dip"
android:layout_height
="fill_parent" android:src="@drawable/main_notice1"
android:layout_gravity
="center" android:gravity="center"/>
<ViewFlipper android:layout_gravity="center" android:padding="5dip"
android:id
="@+id/flipper_scrollTitle" android:background="@drawable/main_notice_bg"
android:layout_width
="fill_parent" android:layout_height="fill_parent"
android:layout_margin
="0.0dip" android:flipInterval="5000"
android:layout_weight
="1.0">

<TextView
android:gravity="center" android:id="@+id/scrollTile_hd"
android:layout_width
="fill_parent" android:layout_height="fill_parent"
android:text
="@string/default_notice1"/>
<TextView
android:gravity="center" android:id="@+id/scrollTile_hm"
android:layout_width
="fill_parent" android:layout_height="fill_parent"
android:text
="@string/default_notice2" />
</ViewFlipper>
</LinearLayout>

用ViewFliper作为滚动布局的root,5000秒滚动。至于上下滚,左右滚,效果可自定义;
2.网络请求获取数据:
public void getPublicNotices(){
//网络请求获取
}后,通过handler来刷新view
此处我模拟了一个
protected void bindNotices();
动态添加子view;
3.

<pre name="code" class="java"><pre name="code" class="java">protected void bindNotices() {
// TODO Auto-generated method stub
viewFlipper.removeAllViews();
int i = 0;
while(i<5){
String text = "公告:中奖了 5000w-------";
TextView textView = new TextView(mContext);
textView.setText(text);
textView.setOnClickListener(new NoticeTitleOnClickListener(mContext,i+text));
LayoutParams lp = new LinearLayout.LayoutParams(
LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
viewFlipper.addView(textView,lp);
i++;
}
}

绑定前,我是把默认的两个view去掉了。然后动态添加,并给每个view设置监听事件
点击可以以dialog或是activity显示具体的数据和内容。


基本代码如上


总结:1.自定义view;
2.简单的借助了viewflipper控件;
3.动态添加view;
4.点击事件;

原文:http://blog.csdn.net/nono_love_lilith/article/details/7074800#