Android实现添加商品到购物车动画效果

本文实例为大家分享了Android添加商品到购物车的具体代码,供大家参考,具体内容如下

实现需求

在商品列表页面中,从列表item添加商品时,实现一个动画,给人感觉像是在添加商品到购物车。

思路

1、获取各个动画执行对象的起点和终点的坐标,利用PathMeasure绘制绘制贝塞尔曲线;
2、为商品图片设置属性动画;
3、为动画设置addUpdateListene监听器,更新view的坐标。

效果图:

MainActivity.java

package com.zlw.yzm.demo;

import android.animation.Animator;
import android.animation.ValueAnimator;
import android.graphics.Path;
import android.graphics.PathMeasure;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.LinearInterpolator;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.zlw.yzm.demo.view.AmountView;

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

public class MainActivity extends AppCompatActivity {

  private RecyclerView rvGoodsList;
  private ImageView ivGotoGouWuChe;
  private RelativeLayout llContainer;

  private List<Product> productList;
  private PathMeasure mPathMeasure;
  /**
   * 存储商品列表中对应position的商品数量
   */
  private Map<Integer, Integer> amountMap = new HashMap<>();
  /**
   * 贝塞尔曲线中间过程的点的坐标
   */
  private float[] mCurrentPosition = new float[2];

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
    initData();
    bindData();
  }

  private void initView() {
    rvGoodsList = findViewById(R.id.main_rv_goods_list);
    ivGotoGouWuChe = findViewById(R.id.main_iv_goto_gwche);
    llContainer = findViewById(R.id.rlContainer);
  }

  private void initData() {

    productList = new ArrayList<>();
    Product product = null;
    for (int i = 0; i < 30; i++) {
      product = new Product();
      product.productId = 10000L + i;
      product.productName = "Product-" + i;
      product.productDesc = "productDesc-" + i;
      productList.add(product);
    }
  }
  private void bindData() {
    rvGoodsList.setLayoutManager(new LinearLayoutManager(this));
    MyAdapter myAdapter = new MyAdapter();
    rvGoodsList.setAdapter(myAdapter);
  }
  class MyAdapter extends RecyclerView.Adapter {
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
      View itemView = View.inflate(MainActivity.this, R.layout.rv_item, null);
      return new ViewHolder(itemView);
    }
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
      final ViewHolder viewHolder = (ViewHolder) holder;
      Product product = productList.get(position);
      viewHolder.tvProductName.setText(product.productName);
      viewHolder.tvProductDesc.setText(product.productDesc);
      viewHolder.amountView.setGoods_storage(5);
      viewHolder.amountView.setPosition(position);
      final Integer amount = amountMap.get(position);
      if (amount == null) {
        viewHolder.amountView.setAmount(0);
        viewHolder.amountView.playCloseAnim(0);
      } else {
        viewHolder.amountView.setAmount(amount.intValue());
        if (amount.intValue() == 0) {
          viewHolder.amountView.playCloseAnim(0);
        } else if (amount.intValue() >= 1) {
          viewHolder.amountView.playOpenAnim(0);
        }
      }

      Log.e("tag1", "amount===" + amount);
      viewHolder.amountView.setOnAmountChangedListener(new AmountView.OnAmountChangedListener() {
        @Override
        public void onAmountChanged(View view, int amount, int position, boolean increase) {

          amountMap.put(position, amount);

          if (increase) {

            add2Cart(viewHolder.ivProductIcon);
          }
        }
      });
    }

    @Override
    public int getItemCount() {
      return productList != null ? productList.size() : 0;
    }

    class ViewHolder extends RecyclerView.ViewHolder {

      ImageView ivProductIcon;
      TextView tvProductName;
      TextView tvProductDesc;
      AmountView amountView;

      public ViewHolder(View itemView) {
        super(itemView);
        ivProductIcon = itemView.findViewById(R.id.rv_item_iv_product_Icon);
        tvProductName = itemView.findViewById(R.id.rv_item_tv_product_name);
        tvProductDesc = itemView.findViewById(R.id.rv_item_tv_product_desc);
        amountView = itemView.findViewById(R.id.rv_item_amountview);
      }
    }
  }

  /**
   * 添加到购物车
   *
   * @param ivProductIcon
   */
  private void add2Cart(ImageView ivProductIcon) {

    // 一、创建执行动画的主题---ImageView(该图片就是执行动画的图片,从开始位置出发,经过一个抛物线(贝塞尔曲线)。)
    final ImageView imageView = new ImageView(MainActivity.this);
    imageView.setImageDrawable(ivProductIcon.getDrawable());
    // 将执行动画的图片添加到开始位置。
    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    llContainer.addView(imageView, params);

    // 二、计算动画开始/结束点的坐标的准备工作
    // 得到父布局的起始点坐标(用于辅助计算动画开始/结束时的点的坐标)
    int[] parentLocation = new int[2];
    llContainer.getLocationInWindow(parentLocation);
    // 得到商品图片的坐标(用于计算动画开始的坐标)
    int[] startLoc = new int[2];
    ivProductIcon.getLocationInWindow(startLoc);
    // 得到购物车图片的坐标(用于计算动画结束后的坐标)
    int[] endLoc = new int[2];
    ivGotoGouWuChe.getLocationInWindow(endLoc);

    // 三、计算动画开始结束的坐标
    // 开始掉落的商品的起始点:商品起始点-父布局起始点+该商品图片的一半
    float startX = startLoc[0] - parentLocation[0] + ivProductIcon.getWidth() / 2;
    float startY = startLoc[1] - parentLocation[1] + ivProductIcon.getHeight() / 2;
    //商品掉落后的终点坐标:购物车起始点-父布局起始点+购物车图片的1/5
    float toX = endLoc[0] - parentLocation[0] + ivGotoGouWuChe.getWidth() / 5;
    float toY = endLoc[1] - parentLocation[1];

    // 四、计算中间动画的插值坐标(贝塞尔曲线)(其实就是用贝塞尔曲线来完成起终点的过程)
    //开始绘制贝塞尔曲线
    Path path = new Path();
    //移动到起始点(贝塞尔曲线的起点)
    path.moveTo(startX, startY);
    //使用二次萨贝尔曲线:注意第一个起始坐标越大,贝塞尔曲线的横向距离就会越大,一般按照下面的式子取即可
    path.quadTo((startX + toX) / 2, startY, toX, toY);
    //mPathMeasure用来计算贝塞尔曲线的曲线长度和贝塞尔曲线中间插值的坐标,
    // 如果是true,path会形成一个闭环
    mPathMeasure = new PathMeasure(path, false);

    //★★★属性动画实现(从0到贝塞尔曲线的长度之间进行插值计算,获取中间过程的距离值)
    ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, mPathMeasure.getLength());
    valueAnimator.setDuration(1000);
    // 匀速线性插值器
    valueAnimator.setInterpolator(new LinearInterpolator());
    valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {
        // 当插值计算进行时,获取中间的每个值,
        // 这里这个值是中间过程中的曲线长度(下面根据这个值来得出中间点的坐标值)
        float value = (Float) animation.getAnimatedValue();
        // ★★★★★获取当前点坐标封装到mCurrentPosition
        // boolean getPosTan(float distance, float[] pos, float[] tan) :
        // 传入一个距离distance(0<=distance<=getLength()),然后会计算当前距
        // 离的坐标点和切线,pos会自动填充上坐标,这个方法很重要。
        mPathMeasure.getPosTan(value, mCurrentPosition, null);//mCurrentPosition此时就是中间距离点的坐标值
        // 移动的商品图片(动画图片)的坐标设置为该中间点的坐标
        imageView.setTranslationX(mCurrentPosition[0]);
        imageView.setTranslationY(mCurrentPosition[1]);
      }
    });
    //  五、 开始执行动画
    valueAnimator.start();
    //  六、动画结束后的处理
    valueAnimator.addListener(new Animator.AnimatorListener() {
      @Override
      public void onAnimationStart(Animator animation) {
      }
      //当动画结束后:
      @Override
      public void onAnimationEnd(Animator animation) {
        // 购物车的数量加1
        // 把移动的图片imageview从父布局里移除
        llContainer.removeView(imageView);
      }
      @Override
      public void onAnimationCancel(Animator animation) {
      }
      @Override
      public void onAnimationRepeat(Animator animation) {
      }
    });
  }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/rlContainer"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="com.zlw.yzm.demo.MainActivity">

  <ImageView
    android:id="@+id/main_iv_goto_gwche"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:src="@drawable/gouwuche" />

  <android.support.v7.widget.RecyclerView
    android:id="@+id/main_rv_goods_list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@id/main_iv_goto_gwche"></android.support.v7.widget.RecyclerView>
</RelativeLayout>

// 商品列表中item的布局
rl_item.xml

<?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="wrap_content">

  <ImageView
    android:id="@+id/rv_item_iv_product_Icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher" />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@id/rv_item_iv_product_Icon"
    android:layout_alignTop="@id/rv_item_iv_product_Icon"
    android:layout_marginLeft="20dp"
    android:layout_toRightOf="@id/rv_item_iv_product_Icon"
    android:gravity="center_vertical"
    android:orientation="vertical">

    <TextView
      android:id="@+id/rv_item_tv_product_name"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/product_name" />

    <TextView
      android:id="@+id/rv_item_tv_product_desc"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="5dp"
      android:text="@string/product_desc" />
  </LinearLayout>

  <com.zlw.yzm.demo.view.AmountView
    android:id="@+id/rv_item_amountview"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="20dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

  </com.zlw.yzm.demo.view.AmountView>
</RelativeLayout>

// 自定义更新商品数量view
AmountView.java

package com.zlw.yzm.demo.view;

import android.animation.ValueAnimator;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.LinearInterpolator;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.zlw.yzm.demo.R;

/**
 * Created by 13198 on 2018/6/28.
 * 对商品的添加和删除进行封装
 */

public class AmountView extends RelativeLayout implements View.OnClickListener {

  private Context context;

  private TextView tvDecrease;
  private TextView tvAmount;
  private TextView tvIncrease;
  private RelativeLayout rlContainer;

  private float leftStartX;
  private float centerStartX;
  private float finalX;

  // 商品位置
  private int position = -1;
  // 商品库存
  private int goods_storage = 10;

  // 购买数量
  private int amount = 0;
  private int rlContainerMeasuredWidth;

  public AmountView(Context context) {
    this(context, null);
  }

  public AmountView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }

  public AmountView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    this.context = context;
    initView();
    initListener();
  }

  private void initView() {

    LayoutInflater.from(context).inflate(R.layout.rl_add2cart, this, true);
    tvDecrease = findViewById(R.id.tv_decrease);
    tvAmount = findViewById(R.id.tv_amount);
    tvIncrease = findViewById(R.id.tv_increase);
    rlContainer = findViewById(R.id.rlContainer);
  }

  private void initListener() {
    tvDecrease.setOnClickListener(this);
    tvIncrease.setOnClickListener(this);
  }

  public void setVisiable(boolean b) {
    tvDecrease.setVisibility(!b ? View.GONE : View.VISIBLE);
    tvAmount.setVisibility(!b ? View.GONE : View.VISIBLE);
  }

  @Override
  public void onClick(View v) {

    int id = v.getId();
    if (id == R.id.tv_increase) {
      // 添加商品
      if (amount < goods_storage) {
        amount++;
        setAmount(amount);
        if (getAmount() == 1) {
          playOpenAnim(500);
        }
        if (onAmountChangedListener != null) {
          onAmountChangedListener.onAmountChanged(this, amount, position, true);
        }
      }
    } else {
      //删除商品
      if (amount > 0) {
        amount--;
        setAmount(amount);
        playCloseAnim(500);
        if (onAmountChangedListener != null) {

          onAmountChangedListener.onAmountChanged(this, amount, position, false);
        }
      }
    }
  }

  public void setPosition(int position) {

    this.position = position;
  }

  public void setAmount(int amount) {
    this.amount = amount;
    tvAmount.setText(String.valueOf(amount));
  }

  public int getAmount() {

    return amount;
  }

  public void setGoods_storage(int goods_storage) {
    this.goods_storage = goods_storage;
  }

  public void playOpenAnim(int duration) {

    rlContainer.measure(0, 0);
    rlContainerMeasuredWidth = tvDecrease.getMeasuredWidth();
    startAnim(tvDecrease, 0, -rlContainerMeasuredWidth / 3, duration);
    startAnim(tvAmount, 0, -rlContainerMeasuredWidth / 3, duration);
  }

  public void playCloseAnim(int duration) {
    rlContainer.measure(0, 0);
    rlContainerMeasuredWidth = rlContainer.getMeasuredWidth();
    if (getAmount() == 0) {

      startAnim(tvDecrease, 0, rlContainerMeasuredWidth / 3, duration);
      startAnim(tvAmount, 0, rlContainerMeasuredWidth / 3, duration);
    }
  }

  /**
   * 添加、移除购物车中商品的动画
   *
   * @param view
   * @param startX
   * @param endX
   * @param duration
   */
  private void startAnim(final View view, final float startX, final float endX, int duration) {
    ValueAnimator animator = ValueAnimator.ofFloat(0, endX - startX);
    animator.setDuration(duration);
    animator.setInterpolator(new LinearInterpolator());
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {

        float currentX = (float) animation.getAnimatedValue();
        view.setTranslationX(currentX);

        float alpha = 0;
        float hudu = 0;
        float lenth = Math.abs(endX - startX);
        if (endX - startX > 0) {
          // 向右滑动=====>1--0
          alpha = (lenth - currentX) / lenth;
          hudu = currentX * 360 / lenth;
        } else {
          // 向左滑动====>0-1
          alpha = Math.abs(currentX) / lenth;
          hudu = 360 - (lenth - Math.abs(currentX)) * 360 / lenth;
        }

        view.setAlpha(alpha);
        view.setRotation(hudu);
        Log.e("tag", "view=====" + view.getId() + "=======currentX==========" + currentX);
      }
    });
    animator.start();
  }

  /**
   * 定义一个接口,监听数量变化
   */
  public interface OnAmountChangedListener {
    void onAmountChanged(View view, int amount, int position, boolean increase);
  }

  private OnAmountChangedListener onAmountChangedListener;

  public void setOnAmountChangedListener(OnAmountChangedListener onAmountChangedListener) {
    this.onAmountChangedListener = onAmountChangedListener;
  }

}

// 自定义更新商品数量view的布局
rl_amountview.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/rlContainer"
  android:layout_width="60dp"
  android:layout_height="wrap_content">

  <TextView
    android:id="@+id/tv_decrease"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:padding="10dp"
    android:text="-"
    android:textColor="@android:color/black"
    android:textSize="22sp"
    android:textStyle="bold" />

  <TextView
    android:id="@+id/tv_amount"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:gravity="center"
    android:text="0" />

  <TextView
    android:id="@+id/tv_increase"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:padding="10dp"
    android:text="+"
    android:textColor="@android:color/black"
    android:textSize="22sp"
    android:textStyle="bold" />
</RelativeLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android系统工具类详解

    本文实例为大家分享了Android系统工具类的具体代码,供大家参考,具体内容如下 系统工具类 public class systemUtil { //隐藏ipad底部虚拟按键栏 @RequiresApi(api = Build.VERSION_CODES.KITKAT) public static void closeBottomBar(Activity activity){ Window _window = activity.getWindow(); WindowManager.LayoutP

  • Android手机屏幕同步工具asm.jar

    有时候可能需要将手机上的一些操作投影出来,比如一些App Demo的展示等.其实,有专门的硬件设备能干这件事儿,但没必要专门为展示个Demo去花钱买硬件设备.正好,对于Android系统的手机,有一个开源的jar包能干这事儿:Android Screen Monitor(asm.jar) 步骤: 一 . 下载附件 asm.jar 官网 https://code.google.com/p/android-screen-monitor/ 二. 放到任意目录下, 这里放到D盘根目录; 将asm.jar

  • Android系统添加自己写的工具

    在android系统的源码有很多工具的源码.存放路径如下 android/system 底层文件系统库.应用及组件,linux自带的 android/external android 使用的一些开源的模组 android/frameworks/base/cmds 一些android重要命令:am.app_proce等 实际上这些工具都是小应用.调试串口接电脑,开启控制台可以使用这些工具.如果USB连电脑,用adb调试工具,输入adb shell指令进入控制台 . dumpsys:能dump系统服

  • 超实用的android网络工具类

    在实际开发中,往往一些工具类对我们的帮助是非常大的,借此,我在前人各位前辈的基础上,整理了一个网络的工具类,特此献上: /** * @类名:NetUtil * @类描述:网络判断处理类 * @创建时间:2015年2月12日-上午9:34:32 * @修改人: * @修改时间: * @修改备注: * @版本: */ public class NetUtil { /* 网络状态 */ public static boolean isNet = true; public static enum net

  • Android添加用户组及自定义App权限的方法

    Android:4.4.4 一.应用场景 在Android设备上,现在我们外接了一个USB转串口的设备,设备节点是/dev/ttyUSB0: # ls -l /dev/ttyUSB0 crw-rw---- 1 root root 188, 0 /dev/ttyUSB0 信息显示:该设备的用户及其所属组别都是root,root的持有者对该设备具有读写权限.但是,我们的App是被排除在root之外的,总之无法读写该设备. 一个解决方案是:赋予others以读写权限.但是这样,任何其他第三方应用都可以

  • Android GridView仿微信添加多图效果

    本文实例为大家分享了GridView仿微信添加多图效果展示的具体代码,供大家参考,具体内容如下 栗子惯例,先上GIF 在项目中这种添加⑨图的效果应该是非常常见的,后面有个添加的按钮应该怎么实现,这也许让一部分小白抓狂了吧~来吧,淡漠带你飞,走起~~啦啦啦...... 起飞前先说下,本篇只是讲解九宫格添加图片的效果,至于选择图片的效果是别人写的库,我只是接过来做选择图片用的~ 1.首先这是用GridView实现的 xml布局就一个GridView <GridView android:id="

  • Android中APK签名工具之jarsigner和apksigner详解

    一.工具介绍 jarsigner是JDK提供的针对jar包签名的通用工具, 位于JDK/bin/jarsigner.exe apksigner是Google官方提供的针对Android apk签名及验证的专用工具, 位于Android SDK/build-tools/SDK版本/apksigner.bat 不管是apk包,还是jar包,本质都是zip格式的压缩包,所以它们的签名过程都差不多(仅限V1签名), 以上两个工具都可以对Android apk包进行签名. 1.V1和V2签名的区别 在An

  • Android添加指纹解锁功能的实现代码

    前言 指纹解锁技术成为当前验证用户信息的重要手段,基本上当前手机都配置了指纹解锁.当开发的APP需要加密验证时可以考虑添加系统指纹解锁功能. 添加指纹解锁功能步骤很简单,大致过程如下: 1 添加权限 在Manifest.xml文件中添加访问用户指纹的权限. <uses-permission android:name="android.permission.USE_FINGERPRINT"/> 2 声明系统提供的指纹管理类对象 private FingerprintManag

  • Android编程实现将时间转化成几分钟前、几天前等形式的工具类

    本文实例讲述了Android编程实现将时间转化成几分钟前.几天前等形式的工具类.分享给大家供大家参考,具体如下: 描述: 在Android开发客户端的时候,是在会显示时间是多久之前,比如10分钟前,8小时前,一月前等等.下面提供一个工具类. 代码: public class TimeUtil { private final static long minute = 60 * 1000;// 1分钟 private final static long hour = 60 * minute;// 1

  • Android实现EditText添加下划线

    在安卓高版本,默认是有下划线的,其默认下划线的颜色是由其主题颜色来控制的! 控制如下: <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item>

  • Android中多行文本末尾添加图片排版问题的解决方法

    前言 最近在项目中需要在某个多行英文文本末尾增加一个图片,尝试了很多方法,最后用了一个比较Tricky的方法解决了,当然这种方法不一定是最好最优的解决办法,记录一下. 问题 如果直接使用drawableRight或者drawableEnd来将图片放置到文本末尾,结果会是这样: 图片会在TextView右边竖直方向的中间位置显示,而不是我们期望的在最后一行位置显示. 这时我们可以尝试使用ImageSpan来将图片放置在最后一行: final TextView text = findViewById

  • Android系统添加Linux驱动

    Linux内核是可配置,进入到linux目录,输入make menuconfig 将会有模块选择界面,前两句是 scripts/kconfig/mconf Kconfig .config - Linux/x86 3.10.65 Kernel Configuration Kconfig是默认选项,.config是当前内核配置文件. 这里介绍如何添加有依赖关系的linux驱动. 1.driver驱动下添加新的模块类 drivers/Makefile文件添加obj-$(CONFIG_TEST_DEVI

  • Android GridView添加头部问题的解决

    我们都知道ListView有addHeaderView和addFooterView两个方法.其中addHeaderView是添加头部布局,addFooterView是添加底部布局.但是GridView却没有这两个方法这个时候就需要重写GridView了.geogle官方给出了重写的HeaderGridView不知道为什么没有添加到官方api里面.代码如下: public class HeaderGridView extends GridView { private static final St

  • Android中recyclerView底部添加透明渐变效果

    前言 最近实现一个recyclerView透明渐变的效果,遇到了一些坑,尝试了一些方法,这里记录一下. 效果图 图片在上面显示2列,文字在下面显示1列:底部要有个透明渐变的效果,直到完全看不到. gridLayoutManager动态设置列数 大概是分两类,一类以图片为item 一行2个,一类以文字为item 一行一个. 这个第一反应是用viewType去区分图片类型,但是由于起初不知道gridLayout可以动态列数.就在上面两列,下面一列上为难起来了. 如果统一用一列吧,那就把两个image

  • 详解如何在Android Studio中添加RecyclerView-v7支持包

    一直知道RecyclerView可以代替ListView.GridView使用,听说功能很强大,但还没有去学习过.今天想学习,没想到还没开始便撞墙了.输入Recycler,只有这两个东西,没有提示RecyclerView,说明支持包中没有. 最后一番百度后,终于解决(真不敢想象没有网络的情况下,怎么开发.怎么解决问题). 1.打开SDK Manager,在Extras树下找到Android Support Library,下载好支持包.RecyclerView在v7-21版本就出来了.我这里不用

  • Android百度地图添加Marker失真问题的解决方案

    Marker失真问题 由于公司项目原因,用了很多次百度地图API,基础的地图定位.显示地图就不多说了,这里主要说一下百度地图添加Marker图标. 最开始接触百度地图添加Marker图标的时候,发现自己设置的图标是多大地图上就显示多大,感觉有点失真,看起来很不舒服,但通过网上搜索,并没有找到解决办法,就没怎么注意图标失真的问题,毕竟是一个小项目,不是面向大众的,最近开发的一个项目同样有这个需求,而且是面向大众开发的,我就想为什么摩拜单车的图标那么清晰,我的图标却失真. 就是这么清晰 通过Reso

随机推荐