模仿猫眼电影App一个动画效果

看真正的猫眼效果图

接下来看自己写的粗略图(不足的地方是这里是2个切换选项,如果需要3个切换的话,需要自定义控件,后续在更新。。。)

源码地址 http://download.csdn.net/download/u013210620/8795799

先看主页面xml布局文件--so easy

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.mytogglebutton.MainActivity" >

    <RelativeLayout
        android:layout_width="150dp"
        android:layout_height="50dp"
        android:layout_centerInParent="true"
        android:background="#CD5555" >

        <TextView
            android:id="@+id/tv_left"
            android:layout_width="50dp"
            android:layout_height="40dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="15dp"
            android:gravity="center"
            android:text="购物" />

        <TextView
            android:id="@+id/tv_up"
            android:layout_width="50dp"
            android:layout_height="40dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="15dp"
            android:background="#ffffff"
            android:gravity="center"
            android:text="购物" />

        <TextView
            android:id="@+id/tv_right"
            android:layout_width="50dp"
            android:layout_height="40dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="15dp"
            android:gravity="center"
            android:text="美食" />
    </RelativeLayout>

</RelativeLayout>

MainActivity--看主布局代码--so easy

package com.example.mytogglebutton;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {

	private TextView tv_left;
	private TextView tv_right;
	private TextView tv_up;
	//表示是否要从购物切换到美食
	private boolean tv_up_left_tran = false;
	//表示是否要从美食切换到购物
	private boolean tv_up_right_tran = false;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initView();
		tv_right.setOnClickListener(this);
		tv_left.setOnClickListener(this);
	}

	private void initView() {
		tv_left = (TextView) findViewById(R.id.tv_left);
		tv_right = (TextView) findViewById(R.id.tv_right);
		tv_up = (TextView) findViewById(R.id.tv_up);
	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.tv_left:

			//表示要从美食切换到购物
			if (!tv_up_right_tran) {
				TranslateAnimation animation = new TranslateAnimation(
						Animation.RELATIVE_TO_SELF, 1.4f,
						Animation.RELATIVE_TO_SELF, 0f,
						Animation.RELATIVE_TO_SELF, 0.0f,
						Animation.RELATIVE_TO_SELF, 0.0f);
				animation.setDuration(100);
				tv_up.setText("购物");
				animation.setFillAfter(true);
				tv_up.startAnimation(animation);
			}
			//切换后,修改状态--可以从左边切换到右边,但是不能从右边切换到左边
			tv_up_right_tran = true;
			tv_up_left_tran = false;
			Toast.makeText(this, ""+tv_up.getText(), 1).show();
			break;
		case R.id.tv_right:
			//表示要从购物切换到美食
			if (!tv_up_left_tran) {
				TranslateAnimation animation1 = new TranslateAnimation(
						Animation.RELATIVE_TO_SELF, 0.0f,
						Animation.RELATIVE_TO_SELF, 1.4f,
						Animation.RELATIVE_TO_SELF, 0.0f,
						Animation.RELATIVE_TO_SELF, 0.0f);
				animation1.setDuration(100);
				tv_up.setText("美食");

				tv_up.startAnimation(animation1);
				animation1.setFillAfter(true);
			}
			//切换后,修改状态--可以从右边切换到左边,但是不能从左边切换到右边
			tv_up_left_tran = true;
			tv_up_right_tran = false;
			Toast.makeText(this, ""+tv_up.getText(), 1).show();
			break;

		default:
			break;
		}
	}

}
时间: 2024-11-10 14:48:09

模仿猫眼电影App一个动画效果的相关文章

用C3中的animation和transform写的一个模仿加载的时动画效果

用用C3中的animation和transform写的一个模仿加载的时动画效果! 不多说直接上代码; html标签部分 <div class="wrap"> <h2>用C3中的animation和transform写的一个模仿加载的时动画效果</h2> <div class="demo"> <div></div> <div></div> <div></d

一个动画效果

一个动画效果 by 伍雪颖 #define SCREEN_WIDTH ([UIScreen mainScreen].bounds.size.width) @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; UIView *view = [[UIView alloc] initWithFrame:CGRectMake(100, 100,

21小时精通微信小程序开发(仿猫眼电影App、微信小程序问答)|微信小程序开发视频教程

21小时精通微信小程序开发(仿猫眼电影App.微信小程序问答)网盘地址:https://pan.baidu.com/s/1GTpPX4A1U-w_3i6k7lLztQ 密码: 5pcz备用地址(腾讯微云):https://share.weiyun.com/5pzgU1y 密码:nmjyb8 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"×××"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念,用户不用关心是否安装太多应用的问题.应用

关于为APP强制性的退出操作提供一个动画效果

网上还有一种退出程序的方法,就是使用未公开的API,这种方法更不靠谱,因为使用未公开API的使用是不能通过AppStore申核的,而且我在4.0版本中试验是无效的. 那么只能使用exit(0)退出应用.考虑到这种方式只是缺少退出时的动画效果,那么可以加上一个动画,动画完成后再调用exit退出程序. 在实际的开发过程中可能会有多个端登录,此时就会被迫挤下线,这个时候如何直接提示然后就退出应用就会使得用户体验很不和谐,为此我们可以添加一些动画效果来给予用户更友好的用户体验: view plainco

猫眼电影App抓包获取评论数据接口

?之前在CSDN程序人生公众号上看到了这篇文章<邪不压正>评分持续走低,上万条网友评论揭秘,是救救姜文还是救救观众?,文中提到了通过抓包猫眼App发现了评论的数据接口:http://m.maoyan.com/mmdb/comments/movie/248566.json?_v_=yes&offset=1,其中248566属于电影的专属id,offset代表页数,但并未提及如何在猫眼App抓包.经过笔者的摸索,在尝试Charles等各种抓包工具后,踩了无数的坑之后,最终使用Fiddler

这是一个动画效果,一个圆在桌面上动

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">div{ width:200px; height:200px; position:relative; background:rgba(205,105,12,0.5); border-radius:100

仿电视关闭的一个动画效果

https://github.com/yy1300326388/TVOffAnimation https://github.com/yuantops/TopsTVPlayer https://github.com/tlasnier/TV-replay https://github.com/feer921/HomeTv https://github.com/MediaBrowser/MediaBrowser.AndroidTv https://github.com/RyanFu/tv_animat

模仿猫眼电影静态网页展示

原文地址:https://www.cnblogs.com/ybzwj/p/9030038.html

模仿猫眼电影静态网页展示2

原文地址:https://www.cnblogs.com/ybzwj/p/9033946.html