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"
  • 相关阅读:
    Yii UI 小部件
    Sketch Measure 产品图例和标注工具
    使用 redis “捕捉” “用户登录过期” 事件
    后端判断用户是否关闭浏览器(关闭网站相关的全部tab)
    js精准时间迭代器(定时器)
    chm只看到目录,看不到内容解决办法
    form提交表单没接收到$_POST
    旺店通erp系统
    DokuWiki 开源wiki引擎程序
    kohana 简单使用
  • 原文地址:https://www.cnblogs.com/qianyukun/p/5854021.html
Copyright © 2011-2022 走看看