您的位置:首页 > 移动开发 > Android开发

ANDROID类似于滚动的通知栏实现

2013-11-19 11:13 253 查看
控件类似于网页上的滚动播报栏

图片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.点击事件;

原文:/article/1654126.html#
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: