首页 / ANDROID / android Title滑块动画实现(适合新闻client多种栏目的展示)

android Title滑块动画实现(适合新闻client多种栏目的展示)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了android Title滑块动画实现(适合新闻client多种栏目的展示)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6102字，纯文字阅读大概需要9分钟。

内容图文

先上效果图，选择不同的模块，滑动会通过动画形式滑过去，这样的适合新闻client多种栏目的展示:

技术分享

这么写Layout:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff" >

    <include layout="@layout/title_layout" />

    <RelativeLayout
        android:id="@+id/column_navi"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/top_column_bg" >

        <ImageButton
            android:id="@+id/column_to_left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5.0dp"
            android:background="#00000000"
            android:src="@drawable/arr_left"
            android:visibility="visible" />

        <ImageButton
            android:id="@+id/column_to_right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5.0dp"
            android:background="#00000000"
            android:src="@drawable/arr_right"
            android:visibility="visible" />

        <HorizontalScrollView
            android:id="@+id/column_scrollview"
            android:layout_width="fill_parent"
            android:layout_height="35.0dp"
            android:layout_toLeftOf="@+id/column_to_right"
            android:layout_toRightOf="@+id/column_to_left"
            android:fadingEdge="vertical"
            android:scrollbars="none" >

            <FrameLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:paddingLeft="5.0dp"
                android:paddingRight="5.0dp"
                android:paddingTop="3.0dp" >

                <ImageView
                    android:id="@+id/column_slide_bar"
                    android:layout_width="49.0dp"
                    android:layout_height="29.0dp" />
<span style="white-space:pre">		</span>//这个能够把子栏目都加到column_title_layout中
                <LinearLayout
                    android:id="@+id/column_title_layout"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:orientation="horizontal"
                    android:layout_gravity="center_vertical" />
            </FrameLayout>
        </HorizontalScrollView>
    </RelativeLayout>

</RelativeLayout>

代码中在string.xml中增加数据:

    <string-array name="all_choice" translatable="false">
        <item>科技</item>
        <item>財经</item>
        <item>体育</item>
        <item>本地</item>
        <item>最新</item>
        <item>百家</item>
        <item>娱乐</item>
    </string-array>

	private void initTab() {
		String[] resource = this.getResources().getStringArray(R.array.all_choice);
		for (int j = 0; j < resource.length; j++) {
			String name = resource[j];
			array.add(name);
		}
		
		this.columnTitleLayout.removeAllViews();
		int j = this.array.size();
		if (j <= 5) {
			this.scrollToRight.setVisibility(View.INVISIBLE);
			this.scrollToLeft.setVisibility(View.INVISIBLE);

		}
		currTabIndex = 0;
		int i = 0;
		animImage.setBackgroundResource(R.drawable.slidebar);
		for (i = 0; i < array.size(); i++) {
			String str = array.get(i);
			TextView ColumnTextView = new TextView(this);
			ColumnTextView.setText(str);
			ColumnTextView.setTag(i);
			ColumnTextView.setPadding(18, 2, 15, 4);
			ColumnTextView.setOnClickListener(this);
			ColumnTextView.setTextAppearance(this, R.style.column_tx_style);
			LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
			columnTitleLayout.addView(ColumnTextView, params);
		}

		TextView MoreColumnTextView = new TextView(this);
		MoreColumnTextView.setTag(i);
		CharSequence localCharSequence = getResources().getText(R.string.more_column);
		MoreColumnTextView.setText(localCharSequence);
		MoreColumnTextView.setPadding(18, 2, 15, 4);
		MoreColumnTextView.setTextAppearance(this, R.style.column_tx_style);
		LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
		columnTitleLayout.addView(MoreColumnTextView, params);
		
	}

在点击子栏目的时候启动动画:

@Override
<span style="white-space:pre">	</span>public void onClick(View v) {
<span style="white-space:pre">		</span>int k = (Integer)v.getTag();
<span style="white-space:pre">		</span>lastTabIndex = currTabIndex;
<span style="white-space:pre">		</span>currTabIndex = k;
<span style="white-space:pre">		</span>String text = ((TextView) v).getText().toString();
<span style="white-space:pre">		</span>if (lastTabIndex != currTabIndex) {


<span style="white-space:pre">			</span>if (currTabIndex == array.size()) {
<span style="white-space:pre">				</span>return;
<span style="white-space:pre">			</span>}
<span style="white-space:pre">			</span>showAnimation();


<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span>}

动画採用TranslateAnimation animation.setFillAfter(true);

	private void showAnimation() {

		if (lastTabIndex == currTabIndex) {
			return;
		}
		((TextView) columnTitleLayout.getChildAt(lastTabIndex)).setTextColor(R.drawable.white);
		int widgetItemWidth = ((TextView) columnTitleLayout.getChildAt(lastTabIndex)).getWidth();
		int fromX = lastTabIndex * widgetItemWidth;
		int toX = currTabIndex * widgetItemWidth;
		Log.v("test", "widgetItemWidth" + widgetItemWidth + "fromX:" + fromX + " toX:" + toX);
		TranslateAnimation animation = new TranslateAnimation(fromX, toX, 0, 0);
		animation.setDuration(500);
		animation.setFillAfter(true);
		animation.setAnimationListener(new AnimationListener() {

			@Override
			public void onAnimationStart(Animation animation) {
				((TextView) columnTitleLayout.getChildAt(lastTabIndex)).setTextColor(MainActivity.this.getResources().getColor(R.drawable.gray2));
			}

			@Override
			public void onAnimationRepeat(Animation animation) {
			}

			@Override
			public void onAnimationEnd(Animation animation) {
				((TextView) columnTitleLayout.getChildAt(currTabIndex)).setTextColor(MainActivity.this.getResources().getColor(R.drawable.white));
				lastTabIndex = currTabIndex;
			}
		});
		animImage.startAnimation(animation);
	}

代码能够在http://download.csdn.net/detail/baidu_nod/7576663下载

原文：http://www.cnblogs.com/jzdwajue/p/6978587.html

内容总结

以上是互联网集市为您收集整理的android Title滑块动画实现(适合新闻client多种栏目的展示)全部内容，希望文章能够帮你解决android Title滑块动画实现(适合新闻client多种栏目的展示)所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1222049.html

来源：【匿名】

【上一篇】Android——简单对话框实现【下一篇】如何解决android php 中文乱码问题

更多 ►

【android Title滑块动画实现(适合新闻client多种栏目的展示)】教程文章相关的互联网学习教程文章

Android 3D滑动菜单完全解析，实现推拉门式的立体特效【图】

转载自：http://blog.csdn.net/guolin_blog/article/details/10471245在上一篇文章中，我们学习了Camera的基本用法，并借助它们编写了一个例子，实现了类似于API Demos里的图片中轴旋转功能。不过那个例子的核心代码是来自于API Demos中带有的Rotate3dAnimation这个类，是它帮助我们完成了所有的三维旋转操作，所有Matrix和Camera相关的代码也是封装在这个类中。这样说来的话，大家心里会不会痒痒的呢？虽然学习了Camera的用法...

Android——简单对话框实现【代码】

点击一个Button，弹出一个简单的对话框： bn3.setOnClickListener(new View.OnClickListener(){publicvoid onClick(View source){AlertDialog.Builder builder = new AlertDialog.Builder(EditNote.this).setTitle("Warn").setIcon(R.drawable.imgbtn1).setMessage("简单对话框");//设置对话框的确定选项builder.setPositiveButton("确定", new OnClickListener() {@Overridepublicvoid onClick(DialogInterface dialog, in...

android Title滑块动画实现(适合新闻client多种栏目的展示)【代码】【图】

先上效果图，选择不同的模块，滑动会通过动画形式滑过去，这样的适合新闻client多种栏目的展示:这么写Layout:<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#ffffff" ><include layout="@layout/title_layout" /><RelativeLayoutandroid:id="@+id/column_navi"android:layout_width="fill_parent"andr...

[转]用android LinearLayout和RelativeLayout实现精确布局【图】

先明确几个概念的区别： padding margin都是边距的含义，关键问题得明白是什么相对什么的边距． padding是控件的内容相对控件的边缘的边距． margin是控件边缘相对父控件的边距． android:gravity　属性是对该view 内容的限定．比如一个button 上面的text. 你可以设置该text 在view的靠左，靠右等位置．该属性就干了这个． android:layout_gravity是用来设置该view中的子view相对于父view的位置．比如一个button 在linearlayout里...

038 Android Magicindicator开源框架实现viewpager底部圆形指示器【代码】【图】

1.Magicindicator介绍　　Magicindicator是一个强大、可定制、易扩展的 ViewPager 指示器框架。是ViewPagerIndicator、TabLayout、PagerSlidingTabStrip的最佳替代品。支持角标，更支持在非ViewPager场景下使用（使用hide()、show()切换Fragment或使用setVisibility切换FrameLayout里的View等）。2.Magicindicator使用环境配置repositories {...maven {url "https://jitpack.io"} }dependencies {...compile ‘com.github.hackware...

Android之使用Gradle实现apk软件多开【代码】【图】

设置软件多开的核心在于设置applicationId不同，因为Android以applicationId作为进程标识，必须唯一，这里只需要打包时动态修改下即可。1.设置build.gradle的productFlavorsproductFlavors { office {applicationId "com.example.app"buildConfigField ‘String‘, ‘API_URL‘, ‘"http://www.baidu.com"‘resValue "string", "app_name", "app_office"} other {applicationId "com.example.app.other"buildConfigField ‘S...

【Android】AutoCompleteTextView实现输入提示【代码】

最近项目开发有数据联动功能需求，正好看到了AutoCompleteTextView这个控件，这里记录一下用法。<AutoCompleteTextViewandroid:id="@+id/actv_album_input_lesson_name"android:layout_width="match_parent"android:layout_height="55dp"android:completionThreshold="1"/>这个控件只需要注意android:completionThreshold这个属性即可，顾名思义，是设置用户在输入几个字符的时候出现提示，我这里设置的是输入一个字符。 autoCompl...

Android真正简单的教程-第十二枪（ViewFlipper实现滑动效果）【图】

直接看代码1.MainActivity.java:package org.yayun.demo;import android.app.Activity; import android.os.Bundle; import android.view.GestureDetector; import android.view.MotionEvent; import android.view.ViewGroup.LayoutParams; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.ImageView; import android.widget.ViewFlipper;public class MainActivit...

Android引导页的实现【代码】【图】

实现原理：使用ViewPager控件（com.android.support:support-v4:22.1.1），把引导页的layout文件放进ViewPager控件就可以了。ViewPager控件本质上也是个列表控件，横向滚动，一个页面一个页面的滚动，底下并没有滚动条，所以非常适合做引导页，和页签的tap控件来做横向滚动的页面也非常常用。首先引用 com.android.support:support-v4:22.1.1引导页面的layout <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/...

Android开发本地及网络Mp3音乐播放器(六)实现独立音乐播放界面【图】

实现功能：功能1：点击MyMusicListFragment(本地音乐)底部UI中的专辑封面图片打开的PlayActivity（独立音乐播放界面） PlayActivity中，显示正在播放的歌名 PlayActivity中，显示专辑封面图片（大图） PlayActivity中，显示上一首按钮，实现对应功能 PlayActivity中，显示暂停播放按钮，实现对应功能 PlayActivity中，显示下一首，实现对应功能功能2：实现同步MyMusicListFragment（本地音乐界面）和PlayActivity（独立音乐播放界...

JAVA Eclipse创建Android程序如何实现MainActivity和Fragment相互传递数据【图】

最简单的方法是直接强制生成一个MainActivity的实例，然后可以执行其中的方法，当然也是可以传递参数的更加复杂的用法可以参考：http://blog.csdn.net/huangyabin001/article/details/35231753http://blog.csdn.net/huangyabin001/article/details/35245561http://blog.csdn.net/huangyabin001/article/details/35256379 原文：http://www.cnblogs.com/acetaohai123/p/6755095.html

android使用自定控件实现城市列表展示并且实现当前城市定位【代码】

自定义控件，点击控件，展示城市列表，使用百度地图定位当前城市，并且展示当前城市代码类 package com.example.test0504;import java.util.ArrayList; import java.util.List;import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.AbsListView; import android.widget.AbsListView.OnScrollListener; import android.widget.AdapterView; im...

Android 实现个性的ViewPager切换动画实战PageTransformer（兼容Android3.0以下）【图】

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/40411921，本文出自：【张鸿洋的博客】1、概述之前写过一篇博文：Android 自定义 ViewPager 打造千变万化的图片切换效果。有兄弟提出，ViewPager自带了一个setPageTransformer用于设置切换动画~本篇博文，将：1、介绍如何使用setPageTransformer设置切换动画；2、自定义PageTransformer实现个性的切换动画；3、该方法在SDK11以下的版本不起作用，我们会对其做一...

[Android] 快速实现一个通用EmptyView【图】

好的APP应当具备良好的交互, 最好能贴心的满足用户的需求. 而人性化的提醒就是其中之一. 某些APP中经常会看到这样的场景, 当加载内容失败, 或者获取内容失败时, 界面会变成一个可与用后交互的场景. 允许用户点击屏幕或者界面中某个按钮, 尝试重新获取内容或者检测网络连接等等. Android的ListView中有类似setEmptyView(...) 的方法, 当列表中没有数据, 就会显示该 emptyView. 但并非所有的View都有这样的接口方法, 为此我们可以自...

Android基于RecyclerView实现高亮搜索列表【代码】【图】

这篇应该是RecycleView的第四篇了，RecycleView真是新生代的宠儿能做这么多的事情。转载请注明作者AndroidMsky及原文链接 http://blog.csdn.net/AndroidMsky/article/details/53306657本文Github：欢迎star https://github.com/AndroidMsky/SearchView话不多说先看今天的实现的效果：相信这种效果很多项目都会用到，今天就讲讲利用RecycleView来实现他，博主把此篇文章定位初级篇，可能因为这确实很简单，所以我要更要讲的详细一点...

ANDROID - 最热教程

Android的APP怎样制作LOGO的尺寸 Android开发处理内存申请失败的报错(F...App携带参数安装Android和iOS全面解析 angular2打包AndroidAPP环境搭建的方法 Android进阶--属性动画PropertyAnimati...Android客户端与PHP服务端通讯(四)-极光...Mac中Ionic+Cordova Android打包报错Co...Android知识点扫盲积累 4.2-Air302(NB-IOT)-自建MQTT服务器-An...Unity3d(U3D) Windows/Android/IOS 播放...

首页 / ANDROID / android Title滑块动画实现(适合新闻client多种栏目的展示)

android Title滑块动画实现(适合新闻client多种栏目的展示)

内容导读

内容图文

内容总结

内容备注

内容手机端

【android Title滑块动画实现(适合新闻client多种栏目的展示)】教程文章相关的互联网学习教程文章

ANDROID - 最新教程

ANDROID - 最热教程