ComboView

Additional

Language
Java
Version
N/A
Created
Mar 25, 2016
Updated
Apr 17, 2017 (Retired)
Owner
Bruce too (brucetoo)
Contributors
bryant1410
Bruce too (brucetoo)
2
Activity
Badge
Generate
Download
Source code
APK file

Advertisement

ComboView

A view of clicking effect by combo action

UI Effect

Final Effect

How To Use

  ComboView.Params params = ComboView.Params.create()
 
                 //Must
                 .cornerRadius(dimen(R.dimen.cb_dimen_25), dimen(R.dimen.cb_dimen_52))// Following three to***** values must be the same can morph to circle
                 .width(dimen(R.dimen.cb_dimen_70), dimen(R.dimen.cb_dimen_52))
                 .height(dimen(R.dimen.cb_dimen_38), dimen(R.dimen.cb_dimen_52))
                 .morphDuration(300)
                 .text("赠送", "连击")
 
                 //Option -- and values below is default
                 .color(color(R.color.cb_color_blue), color(R.color.cb_color_blue))
                 .colorPressed(color(R.color.cb_color_blue_dark), color(R.color.cb_color_blue_dark))
                 .strokeWidth(dimen(R.dimen.cb_dimen_1), dimen(R.dimen.cb_dimen_1))
                 .strokeColor(color(R.color.cb_color_blue), color(R.color.cb_color_blue))
                 .circleDuration(5000)
                 .rippleDuration(300)
                 .padding(dimen(R.dimen.cb_dimen_3))
                 .textSize(16)
                 .textColor(color(R.color.cb_color_white))
                 .comboClickListener(new ComboView.ComboClickListener() {
                     @Override
                     public void onComboClick() {
                         Log.e("MainActivity","onComboClick");
                     }
 
                     @Override
                     public void onNormalClick() {
                         Log.e("MainActivity","onNormalClick");
                     }
                 });
 
         comboView.settingMorphParams(params);

Integrate With Special UI

<!--layout_combo_view must overlay other UI,and just adjust ComboView's layout_width,layout_height,
marin*** something to locate where actually ComboView need be placed-->

<RelativeLayout
        android:id="@+id/layout_combo_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/transparent">

        <com.bruce.library.ComboView
            android:layout_width="220dp"
            android:layout_height="220dp"
            android:id="@+id/combo_view"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:layout_marginRight="-65dp"
            android:layout_marginBottom="-80dp"
            />

    </RelativeLayout>

Dependency

 compile 'com.brucetoo.comboview:comboview:1.0.0'

OR

repositories {
    maven {
        url "https://jitpack.io"
    }
}


dependencies {
    compile 'com.github.brucetoo:ComboView:{latest-commit-tag}'
}

Thanks dmytrodanylyk and his android-morphing-button