模仿貓眼電影App乙個動畫效果

2021-09-07 12:51:52 字數 1493 閱讀 5531

看真正的貓眼效果圖

接下來看自己寫的粗略圖(不足的地方是這裡是2個切換選項,假設須要3個切換的話,須要自己定義控制項,興許在更新。。。)

源**位址

自己定義控制項(21)---自己定義控制項之高仿貓眼小專案(3)

先看主頁面xml布局檔案--so easy

activity_main.xml

mainactivity--看主布局**--so easy

package com.example.mytogglebutton;

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 void initview()

@override

public void onclick(view v)

//切換後,改動狀態--能夠從左邊切換到右邊。可是不能從右邊切換到左邊

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)

//切換後,改動狀態--能夠從右邊切換到左邊,可是不能從左邊切換到右邊

tv_up_left_tran = true;

tv_up_right_tran = false;

toast.maketext(this, ""+tv_up.gettext(), 1).show();

break;

default:

break;

} }}

模仿tmall主頁效果 做的乙個輪播

學後台的對於前端挺菜,基礎練習階段,模擬做個天貓主頁。遇到的一些問題,舍友前端大神說我js寫的太雜,jquery和js混寫並不好 一開始寫得兩個函式乙個自動變換乙個手動變換挺不好計時器各種錯亂,換成乙個好點了了,後來也js自己用計數器弄錯了很多很多地方,而且發生了很多問題,過渡計時器加乙個anima...

模仿Parallax寫乙個簡單的視差效果

前言 之前寫專案的時候乙個需求效果是兩個元素需要有乙個視差特效,使用的是jquery的parallax外掛程式,只是為了學習一下,主要原理就是通過監聽滑鼠移動事件,來修改指定元素的left,top值。樣例如下 dom結構 希望哪個元素有視差效果,就設定clss類為parallax item,設定da...

乙個全屏的載入動畫效果實現

如果您曾經訪問過 nicolas zezuka 和 active theory 的出色的設計 你可能已經注意到在顯示新內容之前動感的頁面載入動畫了。這種風格的動畫效果最近非常流行,因此這篇文章想給你帶來一些啟示。這個效果的核心是讓乙個形狀在頁面視窗中動畫顯示並有展示活動的指示。當新內容被載入時,形狀...