Android开源 - 点赞桃心的效果

Wendy32U 8年前
   <h2>仿即刻APP点赞桃心的效果</h2>    <h2>先看效果图</h2>    <p style="text-align:center"><img src="https://simg.open-open.com/show/1aae0ecca18b59624c6dbf4f38073180.gif"></p>    <p style="text-align:center">likeview.gif</p>    <h2>使用方法</h2>    <h3>布局配置</h3>    <pre>  <code class="language-java"><cn.izouxiang.likeview.LikeView              android:id="@+id/lv"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              app:number="99"              /></code></pre>    <p>注意,一般不需要直接指定宽高,内部会根据字体大小自动测量</p>    <h3>代码配置</h3>    <pre>  <code class="language-java">holder.likeView.setActivated(entity.isLike);          holder.likeView.setNumber(entity.likeNum);          holder.likeView.setCallback(new LikeView.SimpleCallback() {              @Override              public void activate(LikeView view) {                  Snackbar.make(view, "你觉得" + entity.name + "很赞!", Snackbar.LENGTH_SHORT).show();              }                @Override              public void deactivate(LikeView view) {                  Snackbar.make(view, "你取消了对" + entity.name + "的赞!", Snackbar.LENGTH_SHORT).show();              }          });</code></pre>    <h2>自定义配置</h2>    <pre>  <code class="language-java"><resources>      <declare-styleable name="LikeView">          <!--当前数值,默认0-->          <attr name="number" format="integer"/>          <!--数字颜色,默认#888888-->          <attr name="textColor" format="color"/>          <!--图形外边颜色,默认#888888-->          <attr name="graphColor" format="color"/>          <!--当前激活时图形颜色,默认#ca5f5f-->          <attr name="animateColor" format="color"/>          <!--字体大小,决定控件高度以及图形大小,默认14sp-->          <attr name="textSize" format="dimension"/>          <!--动画时间,默认300-->          <attr name="animateDuration" format="integer"/>          <!--图形与数字间的距离,默认3dp-->          <attr name="distance" format="dimension"/>          <!--图形与数字高度的比例,默认1.3-->          <attr name="graphTextHeightRatio" format="float"/>          <!--图形外边绘制宽度,默认3dp-->          <attr name="graphStrokeWidth" format="dimension"/>          <!--数字绘制宽度,默认2dp-->          <attr name="textStrokeWidth" format="dimension"/>          <!--是否激活,默认false-->          <attr name="isActivated" format="boolean"/>          <!--是否自动测量数字修改后的宽度改变,防止更改状态时控件宽度改变,默认开启-->          <attr name="autoMeasureMaxWidth" format="boolean"/>          <!--是否不允许取消点赞,默认false-->          <attr name="notAllowedCancel" format="boolean"/>      </declare-styleable>  </resources></code></pre>    <h2>接口</h2>    <pre>  <code class="language-java">/**       * 事件监听接口       */      public interface Callback {          /**           * 点击事件监听           *           * @param view 当前View           * @return 返回true则代表不使用默认的点击事件           */          boolean onClick(LikeView view);            /**           * 变为激活状态           *           * @param view 当前View           */          void activate(LikeView view);            /**           * 变为不激活状态           *           * @param view 当前View           */          void deactivate(LikeView view);      }        /**       * 获取图形Path接口       */      public interface GraphAdapter {          /**           * 获取图形的Path           *           * @param view   当前View           * @param length 可绘制图形区域正方形的边长           * @return 带有图形的Path           */          Path getGraphPath(LikeView view, int length);      }</code></pre>    <p> </p>    <p> </p>    <p> </p>