android获取apk名称_Android仿简书搜索框效果

前言
之前用简书的时候一直是在web端,后来下载了客户端,看到了搜索的那个动画,就尝试的去写了,没写之前感觉挺容易的,写了之后,就感觉里面还是有些要注意的东西的。话不多说,直接上图。

3788099f9f1d83c9f3b2edfa42abae18.gif

Activity 布局:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"                android:layout_width="match_parent"                android:layout_height="match_parent"    >    <android.support.v7.widget.RecyclerView        android:id="@+id/id_recycleview"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_alignParentTop="true"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true"/>    <LinearLayout        android:id="@+id/id_ll_title_layout"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@android:color/transparent"        android:gravity="right"        android:orientation="horizontal">        <RelativeLayout            android:id="@+id/id_title_layout"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:background="@drawable/search_white_bg"            android:paddingRight="10dp"            android:paddingLeft="10dp"            android:gravity="center"            android:layout_marginTop="5dp"            android:layout_marginBottom="5dp"            android:layout_marginRight="16dp"            >            <TextView                android:id="@+id/id_tv_search_min"                android:layout_width="wrap_content"                android:layout_height="35dp"                android:gravity="center"                android:maxLines="1"                android:drawableLeft="@mipmap/search_icon"                android:text="搜索"                android:drawablePadding="10dp"                android:textColor="#b7b7b7"                android:textSize="13sp"                />        RelativeLayout>    LinearLayout>RelativeLayout>

这里的TextView要添加maxLines=1属性,如果不添加,当text=“搜索简书内容和朋友”时会有2行变1行的效果,看起来效果不太好。

26390a0efd7c97d945d6c464a7ee7375.png 头部视图:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"              xmlns:app="http://schemas.android.com/apk/res-auto"              android:id="@+id/id_header_view"              android:layout_width="match_parent"              android:layout_height="match_parent">        <TextView            android:id="@+id/id_tv_header_view"            android:layout_width="match_parent"            android:layout_height="120dp"            android:background="@color/c_3ec88e"            android:gravity="center"            android:text="我是头部"          />RelativeLayout>
d4ea5fe171417ae20667adebc8ad7297.png 下面咱们省略findViewById的代码,直接看核心代码: 变量初始化:
        //获取屏幕宽度        mMaxWidth = ScreenUtil.getScreenWidth();        //搜索框距离屏幕边缘的margin        int rightMargin = Px2DpUtil.dp2px(this, 17);        //屏幕宽度减去左右margin后的搜索框宽度最大值        mMaxWidth = mMaxWidth -rightMargin*2;        //搜索框宽度最小值        mMinWidth = Px2DpUtil.dp2px(this, R.dimen.d_80);        //header布局高度        mHeaderHeight=Px2DpUtil.dp2px(this,R.dimen.d_120);
RecyclerView 滚动监听:
mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {            @Override            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {                super.onScrollStateChanged(recyclerView, newState);            }            @Override            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {                super.onScrolled(recyclerView, dx, dy);                LinearLayoutManager l = (LinearLayoutManager)recyclerView.getLayoutManager();                //获取第一个可见视图的position                int position = l.findFirstVisibleItemPosition();                //获取第一个完全可见视图的position                int firstCompletelyVisibleItemPosition = l.findFirstCompletelyVisibleItemPosition();                //当position=0时,对标题栏执行透明度变化                if (position == 0) {                    //计算滚动的距离占header高度的比例                    double delta = Math.floor(((float) getScollYDistance(recyclerView) % mHeaderHeight));                    //给标题栏设置透明度                    mLlTitle.getBackground().setAlpha((int) delta);                }                //当position=1时,搜索框最大                if (position == 1) {                    ObjectAnimator animator = ObjectAnimator.ofInt(new ViewWidthWrapper(mRlTitleLayout), "width", mMaxWidth);                    setAnimatorListener(animator,1);                }                 //当position=0时,搜索框最小                if(firstCompletelyVisibleItemPosition==0){                    ObjectAnimator animator = ObjectAnimator.ofInt(new ViewWidthWrapper(mRlTitleLayout), "width", mMinWidth);                    setAnimatorListener(animator,0);                }            }        });
获取RecycleView垂直滚动的距离:
public int getScollYDistance(RecyclerView rv) {        LinearLayoutManager layoutManager = (LinearLayoutManager) rv.getLayoutManager();        //获取第一个可见item的position        int position = layoutManager.findFirstVisibleItemPosition();        //获取第一个position的View        View firstVisiableChildView = layoutManager.findViewByPosition(position);        //获取第一个可见View的高度         int itemHeight = firstVisiableChildView.getHeight();        return (position) * itemHeight - firstVisiableChildView.getTop();    }
搜索框执行的动画(ObjectAnimator):
animator.addListener(new Animator.AnimatorListener() {            @Override            public void onAnimationStart(Animator animation) {            }            @Override            public void onAnimationEnd(Animator animation) {                if (visibity == 1) {                    mMinTvSearchView.setText("搜索简书内容和朋友");                }                if (visibity == 0) {                    mMinTvSearchView.setText("搜索");                }            }            @Override            public void onAnimationCancel(Animator animation) {            }            @Override            public void onAnimationRepeat(Animator animation) {            }        });        animator.setDuration(100).start();
好了,以上就是搜索框效果的全部内容,代码中都有比较详细的注释。 到这里就结束啦 往期精彩回顾:
  • Android实现短信验证码自动填充功能

  • Android仿echo精美弹幕功能

  • Android实现头像重叠排列功能

  • Android仿QQ个性标签功能

  • Android仿QQ侧滑删除的功能

45c1665a6f45d6697b003724d81344a8.png

6cf6770a3f2929cfcb8420584c27fc4f.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值