Android实现标题显示隐藏功能

本文实例尝试模仿实现Android标题显示隐藏功能,通过给listview设置 mListView.setOnTouchListener 监听 重写ontouch方法 监听手指一动的坐标,当超过ViewConfiguration.get(this).getScaledTouchSlop(); toubar的高度 .当向上滑动超过这个高度显示touba 向下滑动隐藏。

效果图:

package com.example.hidetitlebardemo;

import android.animation.Animator;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AbsListView;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends Activity {
 private ListView mListView;
 private RelativeLayout mTitle;
 private int mTouchSlop;
 private SimpleAdapter mAdapter;
 private float mFirstY;
 private float mCurrentY;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 requestWindowFeature(Window.FEATURE_NO_TITLE);
 setContentView(R.layout.activity_main);
 mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();

 initViews();
 showHideTitleBar(true);

 }

 private void initViews() {
 mListView = (ListView) findViewById(R.id.id_lv);
 mTitle = (RelativeLayout) findViewById(R.id.id_title);

 mAdapter = new SimpleAdapter(this, getData(),
 R.layout.lv_item,
 new String[]{"info"},
 new int[]{R.id.num_info});
 mListView.setAdapter(mAdapter);
 mListView.setOnTouchListener(new View.OnTouchListener() {

 @Override
 public boolean onTouch(View v, MotionEvent event) {
 switch (event.getAction()) {
 case MotionEvent.ACTION_DOWN:
 mFirstY = event.getY();
 break;
 case MotionEvent.ACTION_MOVE:
 mCurrentY = event.getY();
 if (mCurrentY - mFirstY > mTouchSlop) {
 System.out.println("mtouchislop:" + mTouchSlop);
 // 下滑 显示titleBar
 showHideTitleBar(true);
 } else if (mFirstY - mCurrentY > mTouchSlop) {
 // 上滑 隐藏titleBar
 showHideTitleBar(false);
 }
 break;
 case MotionEvent.ACTION_UP:
 break;
 }
 return false;
 }
 });
 }

 private Animator mAnimatorTitle;
 private Animator mAnimatorContent;

 private void showHideTitleBar(boolean tag) {
 if (mAnimatorTitle != null && mAnimatorTitle.isRunning()) {
 mAnimatorTitle.cancel();
 }
 if (mAnimatorContent != null && mAnimatorContent.isRunning()) {
 mAnimatorContent.cancel();
 }
 if (tag) {
 mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), 0);
 mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(), getResources().getDimension(R.dimen.title_height));

 } else {
 mAnimatorTitle = ObjectAnimator.ofFloat(mTitle, "translationY", mTitle.getTranslationY(), -mTitle.getHeight());
 mAnimatorContent = ObjectAnimator.ofFloat(mListView, "translationY", mListView.getTranslationY(),0);
 }
 mAnimatorTitle.start();
 mAnimatorContent.start();

 }

 private List<Map<String, Object>> getData() {
 List<Map<String, Object>> data = new ArrayList<>();
 for (int i = 'A'; i < 'z'; i++) {
 Map<String, Object> map = new HashMap<>();
 map.put("info", (char) i);
 data.add(map);
 }
 return data;
 }

}

布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 xmlns:android="http://schemas.android.com/apk/res/android">
 <RelativeLayout
 android:id="@+id/id_title"
 android:background="#00ccff"
 android:layout_width="match_parent"
 android:layout_height="40dp">
 <TextView
 android:text="Ace "
 android:layout_centerInParent="true"
 android:textSize="22sp"
 android:textColor="#ffffff"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />
 </RelativeLayout>
 <ListView
 android:id="@+id/id_lv"
 android:layout_width="match_parent"
 android:layout_height="match_parent"/>

</RelativeLayout>

希望本文所述对大家学习Android软件编程有所帮助。

(0)

相关推荐

  • android 动态控制状态栏显示和隐藏的方法实例

    方法一:(经试验无效,但网上广为流传,也许是我使用方法不当,有待进一步验证--) android想要应用运行时全屏有一种方法是在activity的onCreat方法中加入如下代码:getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,                 WindowManager.LayoutParams.FLAG_FULLSCREEN);并且需要在setContentView()之前,否则无效过.从这么多的

  • Android中隐藏标题栏和状态栏的方法

    一.隐藏标题栏 复制代码 代码如下: //隐藏标题栏        this.requestWindowFeature(Window.FEATURE_NO_TITLE); 二.隐藏状态栏 复制代码 代码如下: //隐藏状态栏        this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); 三.去掉所有Activity界

  • 3种Android隐藏顶部状态栏及标题栏的方法

    本文包含3种隐藏顶部状态栏及标题栏和一种隐藏Android 4.0平板底部状态栏的方法,分享给大家供大家参考,具体内容如下 方法一 public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 隐藏标题栏 requestWindowFeature(Window.FEA

  • Android隐藏标题状态栏的方法

    本文给大家分享了两种方法,但是我建议大家使用第一种方法: 使用第一种方法,仅仅只需要在Manifest.xml文件中进行一行的配置就行了 而且Activity在启动的时候也不会看到那个Title栏 第一种方法: 在配置文件中进行设置: <activity android:label="@string/app_name" android:name=".WelcomeActivity" android:theme="@android:style/Them

  • Android实现隐藏状态栏和标题栏

    隐藏标题栏需要使用预定义样式:android:theme="@android:style/Theme.NoTitleBar". 隐藏状态栏:android:theme="@android:style/Theme.NoTitleBar.Fullscreen". <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://

  • Android实现标题显示隐藏功能

    本文实例尝试模仿实现Android标题显示隐藏功能,通过给listview设置 mListView.setOnTouchListener 监听 重写ontouch方法 监听手指一动的坐标,当超过ViewConfiguration.get(this).getScaledTouchSlop(); toubar的高度 .当向上滑动超过这个高度显示touba 向下滑动隐藏. 效果图: package com.example.hidetitlebardemo; import android.animati

  • Android软键盘的显示隐藏功能实现过程

    一.软键盘显示的原理 软件盘的本质是什么?软键盘其实是一个Dialog! InputMethodService为我们的输入法创建了一个Dialog,并且将该Dialog的Window的某些参数(如Gravity)进行了设置,使之能够在底部或者全屏显示.当我们点击输入框时,系统对活动主窗口进行调整,从而为输入法腾出相应的空间,然后将该Dialog显示在底部,或者全屏显示. 二.活动主窗口调整 android定义了一个属性,名字为windowSoftInputMode, 用它可以让程序可以控制活动主

  • Bootstrap popover 实现鼠标移入移除显示隐藏功能方法

    该段js代码可实现 popover 下鼠标移入移除时显示.隐藏 popover 提示信息功能 var strContent = '<div class="media"><div class="position-left media-left"><img class="img-circle" src="/assets/images/avatar.jpg">'+ '</div>'+

  • Android ListView自动显示隐藏布局的实现方法

    借助View的OnTouchListener接口来监听listView的滑动,通过比较与上次坐标的大小,判断滑动方向,并通过滑动方向来判断是否需显示或者隐藏对应的布局,并且带有动画效果. 1.自动显示隐藏Toolbar 首先给listView增加一个HeaderView,避免第一个Item被Toolbar遮挡. View header=new View(this); header.setLayoutParams(new AbsListView.LayoutParams( AbsListView.

  • 微信小程序实践之动态控制组件的显示/隐藏功能

    组件有个属性:hidden='' ,值为true/false ,当false的时候说明不隐藏,当true的时候说明隐藏,注意该隐藏是不保留组件位置的. 实现即 .js 配合.wxml 文件 一.在.js 文件下的 Page({}) 里面 的data:{} 里面 创建一个布尔类型的属性 二.在.wxml文件下构建一个view组件 验证: 1.false,不隐藏的时候 2.true,隐藏的时候 总结 以上所述是小编给大家介绍的微信小程序实践之动态控制组件的显示/隐藏功能,希望对大家有所帮助,如果大家

  • vue实现select下拉显示隐藏功能

    今日,怂怂就来说说,在项目中刚遇到这么一个功能需求: 描述:当下拉选择不同的属性选项,需展示对应的内容界面: select下拉菜单如下: 当下拉选择[表结构变更].即展示如下界面: 当下拉选择[接口变更].即展示如下界面: 代码实现 vue.js: //定义一个select下拉菜单 <el-form-item label="类型"> <el-select v-model="form.typeChanges"> <el-option la

  • vue实现密码显示隐藏功能的思路详解

    效果: 思路: 利用input的type属性,当type值是text的时候展示密码,当type值是password的时候隐藏密码: 于是很容易想到用v-bind来绑定type,同时用一个布尔值来控制,写成三元表达式的形式: 加入一个图片元素,点击图标元素切换这个布尔值,就可以达到切换显示隐藏,切换布尔值的同时也切换图标. 页面布局 <div id='app'> <!--三元表达式 pwdFlag为真则type是password密码隐藏 pwdFlag为假则type是text密码显示 --

  • js实现input密码框显示/隐藏功能

    JavaScript实现input密码框显示/隐藏的功能,供大家参考,具体内容如下 实现代码: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .password{ position: relative; width: 280px; height: 60px; } .password,.n-txtCss{ display:

  • Android实现标题上显示隐藏进度条效果

    一个界面,实现在向页面添加图片时,在标题上显示一个水平进度条,当图片载入完毕后,隐藏进度条并显示图片 具体实现方法: res/layout/main.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"

  • Android 密码 显示与隐藏功能实例

    效果: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android

随机推荐