MaterialDesign之Slider+SnackBar+FloatingActionButton

Slider的使用

详情参考

• 添加依赖：

  implementation 'com.google.android.material:material:1.2.1'

• 若要使控件正常显示，则对应AppTheme应该修改为:

• 布局中引入Slider以及属性说明

• android:valueFrom:滑动起始点

• android:valueTo:滑动终点

• android:value：滑动起始值设定

• app:haloColor:拖动时出现的圆形颜色

• app:haloRadius:拖动时大圆的半径

• app:labelBehavior：滑动时数值提示显示()

• app:thumbColor:滑块的颜色设置

• app:thumbRadius:滑块的半径

• app:thumbElevation:滑块阴影

• app:trackColorActive:已经拖动的区域颜色

• app:trackColorInactive:未覆盖的区域

• android:stepSize:步进设置

• 常用方法调用和数值监听

 private void initSlider(){
        custom_slider = findViewById(R.id.slider_custom);
        custom_slider.addOnChangeListener(new Slider.OnChangeListener() {
            @Override
            public void onValueChange(@NonNull Slider slider, float value, boolean fromUser) {
              //此处可获取相关滑动数值  
            }
        });
   }

• 效果图如下:

  
  
  result1.gif

SnackBar的使用

• 确定好显示的父布局，直接加载代码即可

 private void showSnackBar(){
        LinearLayout activity_content = findViewById(R.id.activity_content);
        Snackbar.make(activity_content,"标题", Snackbar.LENGTH_LONG)
                .setAction("点击事件", new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(MainActivity.this,"Toast",Toast.LENGTH_SHORT).show();
                    }
                }).setDuration(Snackbar.LENGTH_LONG).show();
    }

• 显示效果如下:

  
  
  result2.gif

FloatingActionButton的使用

• 布局属性解析

• app:backgroundTint:按钮背景颜色

• android:elevation:阴影高度，该属性使得控件有阴影，像浮起来一样

• app:pressedTranslationZ:按下的阴影显示

• app:fabSize:按钮大小，两种取值：normal、mini

• app:rippleColor:按下波纹显示

• 事件监听与Button一致，所以不再赘述，效果图如下

  
  
  result3.gif