前言：例如某些淘宝商店里实现的上下公告栏，对其进行点击时会跳转到相应的界面

去。

实现思路：我们可以分成两部分进行实现一个是

viewFlipper

的为其动态添加相应

布局。第二个是动态实现添加TextView并对其进行销毁与添加点击事件。

首先我们完成第一个（实现viewFlipper）：

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

    <ViewFlipper
        android:id="@+id/viewFlipper"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:flipInterval="5000"
        android:padding="8dp"
        >

    </ViewFlipper>
</LinearLayout>

本质上就是对

MarqueeTextView

这个自定义控件布局的添加。

主要自定义控件，接口代码的实现（全部）

package com.example.com.mlsdome.Activity.Cuscontrols;

import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.ViewFlipper;
import com.example.com.mlsdome.R;

/**
 * Created by 12697 on 2017/3/27.
 */

public class MarqueeTextView extends LinearLayout
{/*
    * 实现点击事件的两个参数
    * */

    private String[] textArrays;
    private MarqueeTextViewClickLisnter marqueeTextViewClickLisnter;
    private Context mcontext;

    private View marqueeTextView;

    /*
    * 上下滑动的效果
    *
    * */

    private ViewFlipper viewFlipper;

    public MarqueeTextView(Context context){super(context);
        this.mcontext=context;
        initBasicView();
    }public MarqueeTextView(Context context, AttributeSet attrs){super(context, attrs);
        this.mcontext=context;
        initBasicView();
    }/*
    *
    * 实现点击事件
    *
    * */

    public  void setTextArraysAndClickListener(String[] textArrays,MarqueeTextViewClickLisnter marqueeTextViewClickLisnter){this.textArrays=textArrays;
          this.marqueeTextViewClickLisnter=marqueeTextViewClickLisnter;
           initMarqueeTextView(textArrays,marqueeTextViewClickLisnter);
    }/*
    * 如果textArrays长度为0是便返回
    *
    * */

    public void initMarqueeTextView(String[] textArrays,MarqueeTextViewClickLisnter marqueeTextViewClickLisnter){if (textArrays.length==0){return;
        }int i=0;
        viewFlipper.removeAllViews();

        /*
        * 给viewflipper添加textview与layoutparams样式
        *
        * */

        while (i<textArrays.length){TextView textView=new TextView(mcontext);
            textView.setText(textArrays[i]);
            textView.setOnClickListener(marqueeTextViewClickLisnter);
            LayoutParams layoutParams=new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
            viewFlipper.addView(textView,layoutParams);
            i++;
        }}/*
    * 添加布局与为viewfilpper添加上下，左右动画
    *
    * */

    public void   initBasicView(){marqueeTextView = LayoutInflater.from(mcontext).inflate(R.layout.marquee_textview_layout, null);
        LayoutParams layoutParams = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
        addView(marqueeTextView, layoutParams);
        viewFlipper = (ViewFlipper) marqueeTextView.findViewById(R.id.viewFlipper);
        viewFlipper.setInAnimation(AnimationUtils.loadAnimation(mcontext, R.anim.slide_in_bottom));
        viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(mcontext, R.anim.slide_out_top));
        viewFlipper.startFlipping();
    }/*
    * 释放资源
    *
    * */

    public void releaseResources(){if (marqueeTextView != null){if (viewFlipper != null){viewFlipper.stopFlipping();
                viewFlipper.removeAllViews();
                viewFlipper = null;
            }marqueeTextView = null;
        }}
}

package com.example.com.mlsdome.Activity.Cuscontrols;

import android.view.View;

/**
 * Created by 廖成康 on 2017/3/27.
 */


/*
*
* 实现接口
*
* */

public interface MarqueeTextViewClickLisnter extends View.OnClickListener
{void OnClick(View view);
}

接下来进行代码的分析：

从小到大：

首先是点击的接口的实现：自己定义一个接口并在里面

定义这个方法；

然后是这个自定义控件的构造的实现：

public MarqueeTextView(Context context)
{super(context);
    this.mcontext=context;
    initBasicView();
}public MarqueeTextView(Context context, AttributeSet attrs)
{super(context, attrs);
    this.mcontext=context;
    initBasicView();
}

在这两个构造函数里面：

主要是实现的是

public void   initBasicView()
{marqueeTextView = LayoutInflater.from(mcontext).inflate(R.layout.marquee_textview_layout, null);
    LayoutParams layoutParams = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
    addView(marqueeTextView, layoutParams);
    viewFlipper = (ViewFlipper) marqueeTextView.findViewById(R.id.viewFlipper);
    viewFlipper.setInAnimation(AnimationUtils.loadAnimation(mcontext, R.anim.slide_in_bottom));
    viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(mcontext, R.anim.slide_out_top));
    viewFlipper.startFlipping();
}

对于布局的添加，并对

viewFlipper

添加动画且对其进行开启

开启动画之后动态的去添加和溢出TextView

public void initMarqueeTextView(String[] textArrays,MarqueeTextViewClickLisnter marqueeTextViewClickLisnter)
{if (textArrays.length==0){return;
    }int i=0;
    viewFlipper.removeAllViews();

    /*
    * 给viewflipper添加textview与layoutparams样式
    *
    * */

    while (i<textArrays.length){TextView textView=new TextView(mcontext);
        textView.setText(textArrays[i]);
        textView.setOnClickListener(marqueeTextViewClickLisnter);
        LayoutParams layoutParams=new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
        viewFlipper.addView(textView,layoutParams);
        i++;
    }
}

实现点击事件，对外部提供方法

/*
*
* 实现点击事件
*
* */

public  void setTextArraysAndClickListener(String[] textArrays,MarqueeTextViewClickLisnter marqueeTextViewClickLisnter)
{this.textArrays=textArrays;
      this.marqueeTextViewClickLisnter=marqueeTextViewClickLisnter;
       initMarqueeTextView(textArrays,marqueeTextViewClickLisnter);
}

最后，也十分的重要，因为在textView不断地创建和销毁的过程中，

我们必须要做好控制，如何对资源进行很好的回收和释放：

/*
* 释放资源
*
* */

public void releaseResources()
{if (marqueeTextView != null){if (viewFlipper != null){viewFlipper.stopFlipping();
            viewFlipper.removeAllViews();
            viewFlipper = null;
        }marqueeTextView = null;
    }
}

到这一步，基本上我们就完成了这个功能了，当然还是需要一些动画资源的

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromYDelta="50%p"
        android:toYDelta="0" />
    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromYDelta="0"
        android:toYDelta="-50%p" />
    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />
</set>

ok，接下来就是在主程序里面就可以调用了；

package com.example.com.mlsdome.Activity;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.View;
import com.example.com.mlsdome.Activity.Cuscontrols.MarqueeTextView;
import com.example.com.mlsdome.Activity.Cuscontrols.MarqueeTextViewClickLisnter;
import com.example.com.mlsdome.R;

/**
 * Created by 12697 on 2017/3/27.
 */

public class SignActivity extends ContextViewActivity
{private String[] textArrays = new String[]{"this is content No.1","this is content No.2","this is content No.3"};
    private MarqueeTextView marqueeTextView;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);
        setView();
        showTitle("报名");
        init();

        marqueeTextView.setTextArraysAndClickListener(textArrays, new MarqueeTextViewClickLisnter() {@Override
            public void OnClick(View view){}@Override
            public void onClick(View view) {}});

    }private void init(){marqueeTextView= (MarqueeTextView) findViewById(R.id.marqueeTv);
    }@Override
    public int setView(){return R.layout.sign_layout;
    }@Override
    protected void onDestroy() {marqueeTextView.releaseResources();
        super.onDestroy();
    }
}

因为这里面的程序比较简单我就不多做解释了！

OK，到这里我们的功能也已经实现了

利用MarqueeTextView实现上下公告栏并点击进行相应跳转相关推荐

小程序轮播图swiper点击图片自定义跳转
我想实现的功能就是,点击首页的轮播图的不同图片,跳转到指定的页面. 点击轮播图的新用户专享图片跳转到新用户活动页面. 最开始我是想通过点击获取轮播图的下标,根据下标判断跳转到相应的页面,但是试了好久并 ...
Chrome 插件开发-右键菜单开发实战演示，浏览器页面右键菜单选项设置，插件右键菜单点击插件名跳转主页设置
Chrome 插件开发 - 菜单选项浏览器页面右键菜单选项设置 ① 核心代码演示 ② 效果展示 ③ 详细参数文档插件右键菜单点击插件名跳转主页设置 ① 核心代码演示 ② 演示效果图浏览器页面右键 ...
PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
js点击button按钮跳转到另一个新页面投稿:whsnow 字体:[增加减小] 类型:转载时间:2014-10-10 我要评论点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎 ...
解密-大象跳转如何实现微信中点击链接直接跳到默认浏览器（不是在微信内置浏览器打开）
很多朋友不知道如何实现微信中点击链接直接跳到默认浏览器的功能是如何实现,经常能在各大论坛看到这样的提问,故特写了这篇文章分享一下之前在网上看到的一个在线使用该功能的平台的操作方法. 大象跳转在线操作步 ...
解决vue项目路由出现message: “Navigating to current location (XXX) is not allowed“的问题(点击多次跳转)
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题(点击多次跳转) 参考文章: ...
android原生代码转h5,Android原生和H5交互；Android和H5混合开发；WebView点击H5界面跳转到Android原生界面。...
当时业务的需求是这样的,H5有一个活动商品列表的界面,IOS和Android共用这一个界面,点击商品可以跳转到Android原生的商品详情界面并传递商品ID: 大概就是点击H5界面跳转到Androi ...
Android--（三星手机）webview嵌套H5，点击H5按钮跳转手机拍照，横屏拍照导致失败或崩溃问题
Android--(三星手机)webview嵌套H5,点击H5按钮跳转手机拍照,横屏拍照导致失败或崩溃问题(完美解决) 最近在改一个需求,用的是第三方公司的一个H5链接(Udesk公司),发现WebV ...
A链接点击下载不跳转页面
a链接点击下载不跳转页面要求:点击按钮在当前页面下载,并且不能跳转直接代码: $('.btn_xz').click(function(){// 添加一个a标签let ele = document. ...
echarts，map中国地图点击各省，跳转展示，从省返回到中国地图【china.js】
效果图: 1.点击省,跳转到河北省 2.返回,从省返回到中国地图话不多说,直接上代码,1.复制粘贴,2.在引入对应js即可注:全部各省地图,下载地址:** <!DOCTYPE html> ...

利用MarqueeTextView实现上下公告栏并点击进行相应跳转

前言：例如某些淘宝商店里实现的上下公告栏，对其进行点击时会跳转到相应的界面

去。

利用MarqueeTextView实现上下公告栏并点击进行相应跳转相关推荐

最新文章

热门文章