• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

XyzInfo: 灵活好用的尺子控件

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

XyzInfo

开源软件地址:

https://gitee.com/xyz321/XyzInfo

开源软件介绍:

XyzInfo

  自定义Switch 和 Ruler控件

UI

Download Demo

1

###介绍

  xSwitch | xRuler  --- | ---  支持背与滑块颜色自定义          | 支持两种显示模式  支持颜色过渡动画               | 支持上下两种刻度  支持自定义圆角弧度             | 支持自定义指示器颜色大小  支持自定义宽高比               |支持自定义刻度之间像素数目(间距)  支持自定义滑块与背景大小比例     |支持自定义刻度线宽度  支持自定义图片(建议灰色)以及大小 |支持自定义刻度基本单位(最小刻度单位)  支持自定义滑动时间             |支持自定义起止范围                              |支持自定义字体颜色大小                              |支持自定义最小滑动速率                              |支持自定义刻度与文字之间距离                              |支持边界回弹动画                              |支持Fling滑动                              |支持设置默认值                              |支持自定义设置回弹动画基本时间

xswitch使用

  因为使用ColorMatrix使灰色图片变成白色,所以icon需要为灰色图片
Gradle
   compile 'com.xyz.xswitch:xswitch:1.0.1'
属性介绍
属性 | 介绍 | 类型 | 默认 | 是否必须--- | --- | --- | --- | ---xRadian | 圆角弧度 | dimension | 45 |否xASPECTRATIO | 宽高比 | float | 0.37f | 否xASPEERRATIO | 滑块与背景宽度比 | float | 0.56f | 否xIconWidth | 图片宽度 |dimension | 80 | 否xIconHeight | 图片高度 | dimension | 80 | 否xBackgroundFromColor | 背景起始颜色 | color |0xff443c6f | 否xBackgroundToColor |背景终止颜色 | color | 0xffff5a73 | 否xSliderFromColor | 滑块起始颜色 | color | 0xffff5a73 | 否xSliderToColor |滑块终止颜色 | color | 0xff443c6f | 否xChangedTime | 滑块滑动时间 | int | 300 | 否xLeftIcon | 左侧图片 | reference | null | 是xRightIcon | 右侧图片 | reference | null |是
代码
 ``` XyzSwitch xSwitch =  (XyzSwitch) findViewById(R.id.xswitch); xSwitch.setOnXyzSwitchChangeListener(new XyzSwitch.XyzSwitchChange() {        @Override        public void changed(boolean isRight) {            Toast.makeText(MainActivity.this,isRight?"男":"女",Toast.LENGTH_SHORT).show();        }    });  ```
layout
  ```  <com.xyz.xswitch.XyzSwitch    android:id="@+id/xswitch"    android:layout_width="200dp"    android:layout_height="80dp"    android:layout_gravity="center_horizontal"    android:layout_marginTop="35dp"    app:xIconHeight="40dp"    app:xIconWidth="40dp"    app:xLeftIcon="@mipmap/lady"    app:xRadian="40dp"    app:xChangedTime="100"    app:xRightIcon="@mipmap/man" />  ```

xRuler使用

Gradle
     compile 'com.xyz.xruler:xruler:1.0.3' 
属性介绍
属性 | 介绍 | 类型 | 默认 | 是否必须--- | --- | --- | --- | ---rBorderWidth | 边框宽度(指针模式下为指针宽度)| dimension | 8 | 否rBorderColor | 边框颜色(指针模式下为指针颜色)| color | Color.BLUE | 否rLineColor | 刻度线的颜色 | color | Color.WHITE | 否rTrigonSize | 边框模式下三角形大小 | dimension | 20 | 否rPixel | 最小刻度像素大小 | integer | 15 | 否rStep | 刻度最小单位 | integer | 1 | 否rLineWidth | 刻度线宽度 | dimension | 2 | 否rTextSize | 刻度文字大小 | dimension | 30 | 否rTextColor | 刻度文字颜色 | color | Color.WHITE | 否rLineHeight | 刻度线高度 | dimension | 25 | 否rLineToText | 刻度文字与刻度线距离 | dimension | 35 | 否rBegin | 刻度尺范围开始值 | integer | 0 | 否rEnd | 刻度尺范围结束值 | integer | 1000 | 否rMinVelocity | 触发惯性滑动的最小速率 | integer | 500 | 否rAnimTime | 回弹动画时间基准值 | integer | 300 | 否rIndicateHeight | 指针高度差值(数值越大高度越小) | dimension | 0 | 否rIsRect | 是否是边框模式 | boolean | true | 否rIsTop | 刻度线是否在顶部 | boolean | true | 否
代码
  ```   /**     * 设置选中的条目     */    ruler1.setOnSelectItem(new XyzRuler.SelectItem() {        @Override        public int setSelectItem() {            return 60;        }    });    /**     * 监听拖动时值得变化     */    ruler1.setOnRulerValueChangeListener(new XyzRuler.RulerValue() {        @Override        public void value(int value) {            tv1.setText("体重\n"+value+"\nkg");        }    });  ```
layout
  ```  <com.xyz.xruler.XyzRuler        android:id="@+id/ruler1"        android:layout_width="242dp"        android:layout_height="56dp"        app:rAnimTime="100"        app:rBegin="40"        app:rBorderColor="#acF1ff"        app:rBorderWidth="5dp"        app:rEnd="300"        app:rLineHeight="10dp"        app:rLineWidth="3dp"        app:rTextSize="10dp"        app:rTrigonSize="20dp" />    ```

LICENSE 开源协议

Apache License Version 2.0

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap