前两天为了看漫画,下载了一个动漫APP,打开一看,滑动的时候竟然下面的TAB跟上面的TITEL都隐藏掉了,变成全屏了,感觉好牛逼的样子哦,当初我以为是隐藏跟现实的属性那,后来一仔细看,不是,那么只有动画来实现了,看来还得用属性动画来实现:属性动画嘛就是改变了对象的属性了。不知道这个效果好不好,应该适合一些全屏阅读类的app.
先看看它的效果:
在看看咱们的效果:
好了 ,代码很少就能实现这个效果:
- package com.example.hidetitle;
- import android.annotation.SuppressLint;
- import android.app.Activity;
- import android.os.Bundle;
- import android.view.MotionEvent;
- import android.view.View;
- import android.view.ViewPropertyAnimator;
- import android.view.View.OnTouchListener;
- import android.widget.ArrayAdapter;
- import android.widget.LinearLayout;
- import android.widget.ListView;
- public class MainActivity extends Activity {
- private boolean ismove = true;
- private ViewPropertyAnimator animatebottom,animatetop;
- @SuppressLint("NewApi")
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
- ListView mListView = (ListView) findViewById(R.id.my_listview);
- LinearLayout tabbottom = (LinearLayout) findViewById(R.id.tabbottom);
- LinearLayout tabtop = (LinearLayout) findViewById(R.id.tabtop);
- animatebottom = tabbottom.animate();
- animatetop = tabtop.animate();
- ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
- android.R.layout.simple_expandable_list_item_1);
- for (int i = 0; i < 100; i++) {
- adapter.add(i + "");
- }
- mListView.setAdapter(adapter);
- mListView.setOnTouchListener(new OnTouchListener() {
- private float y;
- private boolean down = true;
- private float lasty;
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- switch (event.getAction()) {
- case MotionEvent.ACTION_DOWN:
- y = event.getY();
- if (down) {
- lasty = y;
- }
- down = false;
- break;
- case MotionEvent.ACTION_MOVE:
- break;
- case MotionEvent.ACTION_UP:
- down = true;
- if (lasty - event.getY() < -5) {
- onScrollReset();
- } else if (lasty - event.getY() > 5) {
- onScroll();
- }
- break;
- }
- return false;
- }
- });
- }
- @SuppressLint("NewApi")
- public void onScroll() {
- if (ismove) {
- animatebottom.setDuration(500).translationY(200);
- animatetop.setDuration(500).translationY(-200);
- ismove = false;
- }
- }
- @SuppressLint("NewApi")
- public void onScrollReset() {
- if (!ismove) {
- animatebottom.setDuration(500).translationY(0);
- animatetop.setDuration(500).translationY(0);
- ismove = true;
- }
- }
- }
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent" >
- <ListView
- android:id="@+id/my_listview"
- android:layout_width="match_parent"
- android:layout_height="match_parent" >
- </ListView>
- <RelativeLayout
- android:layout_width="match_parent"
- android:layout_height="match_parent" >
- <LinearLayout
- android:id="@+id/tabbottom"
- android:layout_width="match_parent"
- android:layout_height="50dip"
- android:layout_alignParentBottom="true"
- android:background="#880090D9"
- android:gravity="center"
- android:orientation="vertical" >
- <TextView
- android:id="@+id/textView1"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="标题"
- android:textColor="#ffffff"
- android:textSize="18sp" />
- </LinearLayout>
- <LinearLayout
- android:id="@+id/tabtop"
- android:layout_width="match_parent"
- android:layout_height="50dip"
- android:layout_alignParentTop="true"
- android:background="#880090D9"
- android:gravity="center"
- android:orientation="vertical" >
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="标题"
- android:textColor="#ffffff"
- android:textSize="18sp" />
- </LinearLayout>
- </RelativeLayout>
- </FrameLayout>
好玩!
前两天为了看漫画,下载了一个动漫APP,打开一看,滑动的时候竟然下面的TAB跟上面的TITEL都隐藏掉了,变成全屏了,感觉好牛逼的样子哦,当初我以为是隐藏跟现实的属性那,后来一仔细看,不是,那么只有动画来实现了,看来还得用属性动画来实现:属性动画嘛就是改变了对象的属性了。不知道这个效果好不好,应该适合一些全屏阅读类的app.
先看看它的效果:
在看看咱们的效果:
好了 ,代码很少就能实现这个效果:
- package com.example.hidetitle;
- import android.annotation.SuppressLint;
- import android.app.Activity;
- import android.os.Bundle;
- import android.view.MotionEvent;
- import android.view.View;
- import android.view.ViewPropertyAnimator;
- import android.view.View.OnTouchListener;
- import android.widget.ArrayAdapter;
- import android.widget.LinearLayout;
- import android.widget.ListView;
- public class MainActivity extends Activity {
- private boolean ismove = true;
- private ViewPropertyAnimator animatebottom,animatetop;
- @SuppressLint("NewApi")
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_main);
- ListView mListView = (ListView) findViewById(R.id.my_listview);
- LinearLayout tabbottom = (LinearLayout) findViewById(R.id.tabbottom);
- LinearLayout tabtop = (LinearLayout) findViewById(R.id.tabtop);
- animatebottom = tabbottom.animate();
- animatetop = tabtop.animate();
- ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
- android.R.layout.simple_expandable_list_item_1);
- for (int i = 0; i < 100; i++) {
- adapter.add(i + "");
- }
- mListView.setAdapter(adapter);
- mListView.setOnTouchListener(new OnTouchListener() {
- private float y;
- private boolean down = true;
- private float lasty;
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- switch (event.getAction()) {
- case MotionEvent.ACTION_DOWN:
- y = event.getY();
- if (down) {
- lasty = y;
- }
- down = false;
- break;
- case MotionEvent.ACTION_MOVE:
- break;
- case MotionEvent.ACTION_UP:
- down = true;
- if (lasty - event.getY() < -5) {
- onScrollReset();
- } else if (lasty - event.getY() > 5) {
- onScroll();
- }
- break;
- }
- return false;
- }
- });
- }
- @SuppressLint("NewApi")
- public void onScroll() {
- if (ismove) {
- animatebottom.setDuration(500).translationY(200);
- animatetop.setDuration(500).translationY(-200);
- ismove = false;
- }
- }
- @SuppressLint("NewApi")
- public void onScrollReset() {
- if (!ismove) {
- animatebottom.setDuration(500).translationY(0);
- animatetop.setDuration(500).translationY(0);
- ismove = true;
- }
- }
- }
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent" >
- <ListView
- android:id="@+id/my_listview"
- android:layout_width="match_parent"
- android:layout_height="match_parent" >
- </ListView>
- <RelativeLayout
- android:layout_width="match_parent"
- android:layout_height="match_parent" >
- <LinearLayout
- android:id="@+id/tabbottom"
- android:layout_width="match_parent"
- android:layout_height="50dip"
- android:layout_alignParentBottom="true"
- android:background="#880090D9"
- android:gravity="center"
- android:orientation="vertical" >
- <TextView
- android:id="@+id/textView1"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="标题"
- android:textColor="#ffffff"
- android:textSize="18sp" />
- </LinearLayout>
- <LinearLayout
- android:id="@+id/tabtop"
- android:layout_width="match_parent"
- android:layout_height="50dip"
- android:layout_alignParentTop="true"
- android:background="#880090D9"
- android:gravity="center"
- android:orientation="vertical" >
- <TextView
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="标题"
- android:textColor="#ffffff"
- android:textSize="18sp" />
- </LinearLayout>
- </RelativeLayout>
- </FrameLayout>
好玩!