可折叠的按钮(FlodAbleButton)

来自于

https://github.com/CTSN/FlodAbleButton

首先Gradle 添加依赖

allprojects {
    repositories {
	...
	maven { url 'https://jitpack.io' }
    }
}

 

然后导入包

在项目中的build.gradle中添加

dependencies {
   compile 'com.github.CTSN:FlodAbleButton:1.1'
}

 

xml实现布局:

<com.roy.library.FlodableButton
        android:id="@+id/fb"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_margin="10dp"
        app:bac_color="#ff0"
        app:close_icon="@mipmap/icon_2"
        app:inner_circle_color="@color/black"
        app:open_icon="@mipmap/icon"
        app:speed="100"
        app:text="地铁/景区/商圈/城市"
        app:text_color="@color/black"
        app:text_size="16"
        app:degrees="90"/>

 

其中,各个属性名称了解:

app:bac_color="#ff0"  				//背景颜色
app:close_icon="@mipmap/icon_2"  		//关闭图标
app:inner_circle_color="@color/black"		//小圆颜色
app:open_icon="@mipmap/icon"			//展开图标
app:speed="100"					//折叠速度
app:text="地铁/景区/商圈/城市"		       //文本
app:text_color="@color/black"			//字体颜色
app:text_size="16"				//字体大小
app:degrees="90"				//旋转角度

 

Java代码实现:

public class MainActivity extends AppCompatActivity {

    FlodableButton flodableButton;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        flodableButton = (FlodableButton) findViewById(R.id.fb);

        flodableButton.setFoldListener(new FlodableButton.FoldListener() {
            @Override
            public void onFold(boolean isIncrease, FlodableButton sfb) {
                String text = isIncrease? "展开了":"折叠了";
                Toast.makeText(MainActivity.this,text,Toast.LENGTH_SHORT).show();
            }
        });

        flodableButton.setOnClickListener(new FlodableButton.OnClickListener() {
            @Override
            public void onClick(FlodableButton sfb) {
                flodableButton.startScroll();
            }
        });
    }
}

 大功告成,

注意,最低版本是19(minSdkVersion 19

效果如下,以后如果需要,就可以直接使用了

猜你喜欢

转载自274137570-qq-com.iteye.com/blog/2391757