这篇文章将为大家详细讲解有关Android中怎么通过自定义ViewFipper控件实现竖直跑马灯效果,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的泊头网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
定义了一个自定义控件, 继承LinearLayout
package com.example.viewfipperdemo; import android.content.Context; import android.util.AttributeSet; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.LinearLayout; import android.widget.TextView; import android.widget.ViewFlipper; public class MarqueeTextView extends LinearLayout { private Context mContext; private String[] strs; private View mView; private OnTextClickListener mOnTextClickListener; private ViewFlipper mViewFlipper; public MarqueeTextView(Context context) { this(context,null); this.mContext = context; } public MarqueeTextView(Context context, AttributeSet attrs) { super(context, attrs); this.mContext = context; initBasicView(); } /** * 用于外界向里面传值,并且初始化控件中的ViewFipper * @param str * @param onTextClickListener */ public void setData(String[] str,OnTextClickListener onTextClickListener) { this.strs = str; this.mOnTextClickListener = onTextClickListener; initViewFipper(); } private void initBasicView() { mView = LayoutInflater.from(mContext).inflate(R.layout.layout_viewfipper,null); mViewFlipper = (ViewFlipper) mView.findViewById(R.id.viewflipper); mViewFlipper.setInAnimation(mContext,R.anim.in); //进来的动画 mViewFlipper.setOutAnimation(mContext,R.anim.out); //出去的动画 LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT); addView(mView,params); mViewFlipper.startFlipping(); } /** * 定义销毁的方法 */ public void clearViewFlipper() { if(mView != null) { if(mViewFlipper != null) { mViewFlipper.stopFlipping(); mViewFlipper.removeAllViews(); mViewFlipper =null; } mView = null; } } /** * 初始化viewFipper中的自孩子视图 */ private void initViewFipper() { if(strs.length == 0) { return; } int i = 0; mViewFlipper.removeAllViews(); while (i < strs.length) { //循环3次 final TextView tv = new TextView(mContext); tv.setText(strs[i]); tv.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { if(mOnTextClickListener != null) { mOnTextClickListener.onClick(tv); } } }); mViewFlipper.addView(tv); i++; } } }
给viewFlipper设置动画的写法:
in.xml
<?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>
out.xml:
<?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>
我们看一下layout_viewflipper布局的写法:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ViewFlipper android:padding="10dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/viewflipper" android:background="#33ff0000" android:flipInterval="2000" ></ViewFlipper> </LinearLayout>
其中flipInterval 是决定切换的时间的
我们再来看看MainActivity中的代码:
package com.example.viewfipperdemo; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends AppCompatActivity { /** * 自定义的可滚动的TextView */ private MarqueeTextView mMarqueeTextView; private String[] str = {"我是1","我是2","我是3"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mMarqueeTextView = (MarqueeTextView) findViewById(R.id.marqueetextview); mMarqueeTextView.setData(str, new OnTextClickListener() { @Override public void onClick(View view) { Toast.makeText(MainActivity.this,((TextView)view).getText(),Toast.LENGTH_LONG).show(); } }); } @Override protected void onDestroy() { super.onDestroy(); mMarqueeTextView.clearViewFlipper(); } }
对了,还定义了一个接口:
package com.example.viewfipperdemo; import android.view.View; public interface OnTextClickListener { void onClick(View view); }
关于Android中怎么通过自定义ViewFipper控件实现竖直跑马灯效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
本文标题:Android中怎么通过自定义ViewFipper控件实现竖直跑马灯效果
链接分享:https://www.cdcxhl.com/article0/jgpooo.html
成都网站建设公司_创新互联,为您提供网站制作、网站改版、网页设计公司、手机网站建设、做网站、网站策划
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联