studio项目地址:https://github.com/keithellis/MaterialWidget
修改后的eclipse项目地址:
修改后的eclipse项目 Demo地址:
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/content_background"
android:orientation="vertical" > <!-- material dedign 效果的tab切换效果 --> <com.material.widget.TabIndicator
android:id="@+id/indicator"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@color/primary_color" /> <android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" /> </LinearLayout>
color.xml:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="content_background">#f8f8f8</color>
<color name="primary_color">#ff3f51b5</color>
</resources>
TabIndicator --tab切换的控件:
并且点击page1 page2等有涟漪效果
效果如图:
------------------------------------------------------------------------------------------------
Switch控件,不是应该是switchbutton吗(纠结中)
<com.material.widget.Switch
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
效果如图:
-----------------------------------------------------------------------------------------------
RadioButton点击也是有涟漪效果的:
<com.material.widget.RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
效果如图:
---------------------------------------------------------------------------------------------
Check Box
<com.material.widget.CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
效果:
-------------------------------------------------------------------------------------------
Circular Progress 圆形进度条:
<com.material.widget.CircularProgress
android:layout_marginTop="10dp"
widget:circular_progress_size="Normal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
-----------------------------------------------------------------------------------------
Circle Button 圆形按钮:
<com.material.widget.CircleButton
android:id="@+id/circle_button"
widget:circle_icon="@drawable/ic_add"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
-----------------------------------------------------------------------------------------
Paper Button 纸片话按钮:
<com.material.widget.PaperButton
widget:paper_text="Paper Button"
android:layout_width="160dp"
android:layout_height="54dp"/>
-------------------------------------------------------------------------------------
线性进度条LinearProgress:
<com.material.widget.LinearProgress
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp"
android:layout_marginTop="10dp" />
效果:
-----------------------------------------------------------------------------------
Slider:
<com.material.widget.Slider
android:layout_width="match_parent"
android:layout_height="30dp"
android:layout_marginLeft="40dp"
android:layout_marginRight="40dp" />