代码之家 › 专栏 › 技术社区 › Bisma Frühling

单击浮动操作按钮图标时切换该图标

floating-action-button android

Bisma Frühling · 技术社区 · 7 年前

我有两张可绘制的图片,最初FAB设置为R.drawable。图标1,我想把它设置为R.drawable。单击图标2,再次单击时将其设置回图标1,依此类推。。。

2 回复 | 直到 7 年前

Chirag 7 年前

希望这有帮助,我们有一个布尔值 flag 这表示当前在晶圆厂中可见的图标。

FloatingActionButton fab;
boolean flag = true; // true if first icon is visible, false if second one is visible.

fab = (FloatingActionButton) findViewById(R.id.fab);

    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

            if(flag){

                fab.setImageDrawable(ContextCompat.getDrawable(getApplicationContext(), R.drawable.icon2));
                flag = false;

            }else if(!flag){

                fab.setImageDrawable(ContextCompat.getDrawable(getApplicationContext(), R.drawable.icon1));
                flag = true;

            }

        }
    });

Codelaby 2 年前

fun FloatingActionButton.icon(@DrawableRes id: Int = 0) {
    setImageResource(id)
}

fun FloatingActionButton.backgroundColor(@ColorRes colorRes: Int = 0) {
    backgroundTintList = ColorStateList.valueOf(ContextCompat.getColor(context, colorRes))
}

fun FloatingActionButton.iconColor(@ColorRes colorRes: Int = 0) {
    imageTintList = ColorStateList.valueOf(ContextCompat.getColor(context, colorRes))
}

示例:

var flag = true

binding.fabToggleService.setOnClickListener {
    flag = !flag

    if (flag) {
        binding.fabToggleService.apply {
            icon(R.drawable.ic_round_stop_24)
            iconColor(R.color.white)
            backgroundColor(R.color.md_red_400)

    } else {
        binding.fabToggleService.apply {
            icon(R.drawable.ic_round_play_arrow_24)
            iconColor(R.color.white)
            backgroundColor(R.color.md_blue_400)
    }

}

推荐文章

unknown123 · FAB未在React Native中工作

7 年前

Sadegh · 带浮动按钮和listView的android ViewPager

7 年前

materight · 使用CollasingToolbarLayout在布局之间浮动ActionButton

7 年前

Sparker0i · FAB更改图标可绘制的颜色

7 年前

Asjadaun · 锚定Fab按钮

7 年前

Tarun Deep Attri · 从浮动操作按钮中删除背景色

7 年前

KittoKatto · FloatingActionButton不会使用hide()方法隐藏

7 年前

Rory McGurty · 阻止晶圆厂更改其大小

7 年前

The Abstract Lightbulb · 如何将浮动动作菜单附加到现有的浮动动作菜单?

7 年前

xxmilcutexx · 如何使浮动按钮保持在布局的底部?

7 年前