zoukankan      html  css  js  c++  java
  • Android类似于滚动的通知栏实现

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

    图片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#

  • 相关阅读:
    55.跳跃游戏
    Solution -「洛谷 P4007」小 Y 和恐怖的奴隶主
    Solution -「HDU 3507」Print Article
    Solution -「CF 888E」Maximum Subsequence
    Solution -「CF 959E」Mahmoud and Ehab and the xor-MST
    Ds100p -「数据结构百题」91~100
    Ds100p -「数据结构百题」81~90
    Ds100p -「数据结构百题」71~80
    Ds100p -「数据结构百题」61~70
    Ds100p -「数据结构百题」51~60
  • 原文地址:https://www.cnblogs.com/shanzei/p/2419384.html
Copyright © 2011-2022 走看看