zoukankan      html  css  js  c++  java
  • Material Design Button 样式


    132down voteaccepted

    I will add my answer since I don't use any of the other answers provided.

    With the Support Library v7, all the styles are actually already defined and ready to use, for the standard buttons, all of these styles are available:

    style="@style/Widget.AppCompat.Button"
    style="@style/Widget.AppCompat.Button.Colored"
    style="@style/Widget.AppCompat.Button.Borderless"
    style="@style/Widget.AppCompat.Button.Borderless.Colored"

    Widget.AppCompat.Buttonenter image description here

    Widget.AppCompat.Button.Coloredenter image description here

    Widget.AppCompat.Button.Borderless enter image description here

    Widget.AppCompat.Button.Borderless.Coloredenter image description here


    To answer the question, the style to use is therefore style="@style/Widget.AppCompat.Button.Colored".


    How to change the color

    For the whole app:

    The color of all the UI controls (not only buttons, but also floating action buttons, checkboxes etc.) is managed by the attribute colorAccent as explained here. You can modify this style and apply your own color in your theme definition:

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        ...
        <item name="colorAccent">@color/Orange</item>
    </style>

    For a specific button:

    If you need to change the style of a specific button, you can define a new style, inheriting one of the parent styles described above. In the example below I just changed the background and font colors:

    <style name="AppTheme.Button" parent="Widget.AppCompat.Button.Colored">
        <item name="colorButtonNormal">@color/Red</item>
        <item name="android:textColor">@color/White</item>
    </style>

    Then you just need to apply this new style on the button with:

    android:theme="@style/AppTheme.Button"
  • 相关阅读:
    模拟实现ajax加载框
    京东晒单的js实现
    微信分享js代码(转载)
    css模拟实现selec下拉框
    网页端实现输入卡号四字隔开
    返回顶部的动态显示与隐藏
    js等比例缩放图片(转载)
    css模拟实现checkbox
    quartz的使用 Mr
    Spring声明式事务配置管理方法 Mr
  • 原文地址:https://www.cnblogs.com/qianyukun/p/5854021.html
Copyright © 2011-2022 走看看