{"id":728,"date":"2016-01-23T13:23:49","date_gmt":"2016-01-23T05:23:49","guid":{"rendered":"https:\/\/www.ray650128.com\/wordpress\/?p=611"},"modified":"2016-01-23T13:23:49","modified_gmt":"2016-01-23T05:23:49","slug":"android%e8%bd%89%e8%bc%89-android%e6%a8%a3%e5%bc%8f%e7%9a%84%e9%96%8b%e7%99%bcstyle%e7%af%87","status":"publish","type":"post","link":"https:\/\/blog.ray650128.com\/?p=728","title":{"rendered":"[Android]\u8f49\u8f09-Android\u6a23\u5f0f\u7684\u958b\u767c:Style\u7bc7"},"content":{"rendered":"

\u8f49\u8f09\u81eaKeegan\u5c0f\u92fc<\/a><\/span><\/p>\n

\u539f\u6587\u93c8\u63a5\uff1ahttp:\/\/keeganlee.me\/post\/android\/20151031<\/strong><\/a><\/span><\/p>\n

\n

\u524d\u9762\u92ea\u588a\u4e86\u90a3\u9ebc\u591a\uff0c\u7d42\u65bc\u8981\u8b1b\u5230\u672c\u7cfb\u5217\u7684\u7d42\u7bc7\uff0c\u6574\u5408\u6240\u6709\u8cc7\u6e90\uff0c\u5b9a\u7fa9\u6210\u7d71\u4e00\u7684\u6a23\u5f0f\u3002<\/span> \u54ea\u4e9b\u8a72\u5b9a\u7fa9\u6210\u7d71\u4e00\u7684\u6a23\u5f0f\u5462\uff1f\u8209\u5e7e\u500b\u4f8b\u5b50\u5427\uff1a<\/span><\/p>\n

    \n
  1. \u6bcf\u500b\u9801\u9762\u6a19\u984c\u6b04\u7684\u6a19\u984c\u57fa\u672c\u6703\u6709\u4e00\u6a23\u7684\u5b57\u9ad4\u5927\u5c0f\u3001\u984f\u8272\u3001\u5c0d\u9f4a\u65b9\u5f0f\u3001\u5167\u9593\u8ddd\u3001\u5916\u9593\u8ddd\u7b49\uff0c\u9019\u5c31\u53ef\u4ee5\u5b9a\u7fa9\u6210\u6a23\u5f0f\uff1b<\/li>\n
  2. \u5f88\u591a\u6309\u9215\u4e5f\u90fd\u4f7f\u7528\u4e00\u81f4\u7684\u80cc\u666f\u3001\u5167\u9593\u8ddd\u3001\u6587\u5b57\u984f\u8272\u3001\u6587\u5b57\u5927\u5c0f\u3001\u6587\u5b57\u7684\u5c0d\u9f4a\u65b9\u5f0f\u7b49\uff0c\u9019\u4e5f\u53ef\u4ee5\u5b9a\u7fa9\u6210\u6a23\u5f0f\uff1b<\/li>\n
  3. \u7db2\u8def\u52a0\u8f09\u7684\u9032\u5ea6\u689d\u57fa\u672c\u4e5f\u90fd\u662f\u4e00\u6a23\u7684\uff0c\u540c\u6a23\u53ef\u4ee5\u5b9a\u7fa9\u6210\u6a23\u5f0f\uff1b<\/li>\n
  4. \u4e0d\u559c\u6b61\u7cfb\u7d71\u7684\u5f48\u51fa\u6846\u6a23\u5f0f\uff0c\u90a3\u4e5f\u53ef\u4ee5\u81ea\u5b9a\u7fa9\u6a23\u5f0f\u3002<\/li>\n<\/ol>\n

    \u6a23\u5f0f\u7684\u5b9a\u7fa9<\/h1>\n

    Android\u7684\u6a23\u5f0f\u4e00\u822c\u5b9a\u7fa9\u5728res\/values\/styles.xml<\/strong>\u6587\u4ef6\u4e2d\uff0c\u5176\u4e2d\u6709\u4e00\u500b\u6839\u5143\u7d20<resource>\uff0c\u800c\u5177\u9ad4\u7684\u6bcf\u7a2e\u6a23\u5f0f\u5b9a\u7fa9\u5247\u662f\u901a\u904e<\/strong><resource>\u4e0b\u7684\u5b50\u6a19\u7c64<\/strong><style>\u4f86\u5b8c\u6210\uff0c<\/strong><style>\u901a\u904e\u6dfb\u52a0\u591a\u500b<\/strong><item>\u4f86\u8a2d\u7f6e\u6a23\u5f0f\u4e0d\u540c\u7684\u5c6c\u6027\u3002<\/strong><\/span> \u53e6\u5916\uff0c\u6a23\u5f0f\u662f\u53ef\u4ee5\u7e7c\u627f\u7684\uff0c\u53ef\u901a\u904e<\/span><\/strong><style>\u6a19\u7c64\u7684<\/strong>parent**\u5c6c\u6027\u8072\u660e\u8981\u7e7c\u627f\u7684\u6a23\u5f0f\uff0c\u4e5f\u53ef\u901a\u904e\u9ede\u524d\u7db4 (.) \u7e7c\u627f\uff0c\u9ede\u524d\u9762\u70ba\u7236\u6a23\u5f0f\u540d\u7a31\uff0c\u5f8c\u9762\u70ba\u5b50\u6a23\u5f0f\u540d\u7a31\u3002\u9ede\u524d\u7db4\u65b9\u5f0f\u53ea\u9069\u7528\u65bc\u81ea\u5b9a\u7fa9\u7684\u6a23\u5f0f\uff0c\u82e5\u8981\u7e7c\u627fAndroid\u5167\u7f6e\u7684\u6a23\u5f0f\uff0c\u5247\u53ea\u80fd\u901a\u904eparent<\/strong>\u5c6c\u6027\u8072\u660e\u3002
    \n\u7528\u500b\u5be6\u4f8b\u8aaa\u660e\u5177\u9ad4\u7684\u7528\u6cd5\u5427\uff0c\u4ee5\u4e0b\u7a0b\u5f0f\u78bc\u70baAndroid 5.0\u7cfb\u7d71\u9ed8\u8a8d\u7684\u6309\u9215\u6a23\u5f0f\uff1a<\/span><\/p>\n

    \n
    <style<\/span> name=<\/span>\"Widget.Material.Button\"<\/span>><\/span>\n    <item<\/span> name=<\/span>\"background\"<\/span>><\/span>@drawable\/btn_default_material<\/item><\/span>\n    <item<\/span> name=<\/span>\"textAppearance\"<\/span>><\/span>?attr\/textAppearanceButton<\/item><\/span>\n    <item<\/span> name=<\/span>\"minHeight\"<\/span>><\/span>48dip<\/item><\/span>\n    <item<\/span> name=<\/span>\"minWidth\"<\/span>><\/span>88dip<\/item><\/span>\n    <item<\/span> name=<\/span>\"stateListAnimator\"<\/span>><\/span>@anim\/button_state_list_anim_material<\/item><\/span>\n    <item<\/span> name=<\/span>\"focusable\"<\/span>><\/span>true<\/item><\/span>\n    <item<\/span> name=<\/span>\"clickable\"<\/span>><\/span>true<\/item><\/span>\n    <item<\/span> name=<\/span>\"gravity\"<\/span>><\/span>center_vertical|center_horizontal<\/item><\/span>\n<\/style><\/span>\n<\/pre>\n<\/div>\n
    \u5176\u4e2d\uff0cstateListAnimator<\/strong>\u6307\u5b9a\u72c0\u614b\u6539\u8b8a\u6642\u7684\u52d5\u756b\uff0cbutton_state_list_anim_material<\/strong>\u7684\u7a0b\u5f0f\u78bc\u5982\u4e0b\uff1a<\/span><\/p>\n
    \n
    <!-- res\/anim\/button_state_list_anim_material.xml --><\/span>\n<?xml version=\"1.0\" encoding=\"utf-8\"?><\/span>\n<selector<\/span> xmlns:android=<\/span>\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>><\/span>\n    <item<\/span> android:state_pressed=<\/span>\"true\"<\/span> android:state_enabled=<\/span>\"true\"<\/span>><\/span>\n        <set><\/span>\n            <objectAnimator<\/span> \n                android:propertyName=<\/span>\"translationZ\"<\/span>\n                android:duration=<\/span>\"@integer\/button_pressed_animation_duration\"<\/span>\n                android:valueTo=<\/span>\"@dimen\/button_pressed_z_material\"<\/span>\n                android:valueType=<\/span>\"floatType\"<\/span> \/><\/span>\n            <objectAnimator<\/span> \n                android:propertyName=<\/span>\"elevation\"<\/span>\n                android:duration=<\/span>\"0\"<\/span>\n                android:valueTo=<\/span>\"@dimen\/button_elevation_material\"<\/span>\n                android:valueType=<\/span>\"floatType\"<\/span> \/><\/span>\n        <\/set><\/span>\n    <\/item><\/span>\n    <!-- base state --><\/span>\n    <item<\/span> android:state_enabled=<\/span>\"true\"<\/span>><\/span>\n        <set><\/span>\n            <objectAnimator<\/span> \n                android:propertyName=<\/span>\"translationZ\"<\/span>\n                android:duration=<\/span>\"@integer\/button_pressed_animation_duration\"<\/span>\n                android:valueTo=<\/span>\"0\"<\/span>\n                android:startDelay=<\/span>\"@integer\/button_pressed_animation_delay\"<\/span>\n                android:valueType=<\/span>\"floatType\"<\/span>\/><\/span>\n            <objectAnimator<\/span> \n                android:propertyName=<\/span>\"elevation\"<\/span>\n                android:duration=<\/span>\"0\"<\/span>\n                android:valueTo=<\/span>\"@dimen\/button_elevation_material\"<\/span>\n                android:valueType=<\/span>\"floatType\"<\/span> \/><\/span>\n        <\/set><\/span>\n    <\/item><\/span>\n    <item><\/span>\n        <set><\/span>\n            <objectAnimator<\/span> \n                android:propertyName=<\/span>\"translationZ\"<\/span>\n                android:duration=<\/span>\"0\"<\/span>\n                android:valueTo=<\/span>\"0\"<\/span>\n                android:valueType=<\/span>\"floatType\"<\/span>\/><\/span>\n            <objectAnimator<\/span> \n                android:propertyName=<\/span>\"elevation\"<\/span>\n                android:duration=<\/span>\"0\"<\/span>\n                android:valueTo=<\/span>\"0\"<\/span>\n                android:valueType=<\/span>\"floatType\"<\/span>\/><\/span>\n        <\/set><\/span>\n    <\/item><\/span>\n<\/selector><\/span>\n<\/pre>\n<\/div>\n
    \u53ef\u4ee5\u770b\u5230\uff0c\u6bcf\u7a2e\u72c0\u614b\u7684\u52d5\u756b\u70ba\u5c6c\u6027\u52d5\u756b\u96c6\uff0c\u5c6c\u6027\u52d5\u756b\u7684\u7528\u6cd5\u8acb\u53c3\u8003Property Animation\u7bc7<\/a>\u3002<\/span> \u73fe\u5728\u6211\u60f3\u7e7c\u627fWidget.Material.Button<\/strong>\u6a23\u5f0f\uff0c\u6539\u8b8a\u80cc\u666f\u548c\u6587\u5b57\u984f\u8272\uff0c\u90a3\u9ebc\uff0c\u7a0b\u5f0f\u78bc\u5982\u4e0b\uff1a<\/span><\/p>\n
    \n
    <!-- res\/values\/styles.xml --><\/span>\n<resources><\/span>\n    <style<\/span> name=<\/span>\"ButtonNormal\"<\/span> parent=<\/span>\"@android:style\/Widget.Material.Button\"<\/span> ><\/span>\n        <item<\/span> name=<\/span>\"android:background\"<\/span>><\/span>@drawable\/bg_btn_selector<\/item><\/span>\n        <item<\/span> name=<\/span>\"android:textColor\"<\/span>><\/span>@color\/text_btn_selector<\/item><\/span>\n    <\/style><\/span>\n<\/resources><\/span>\n<\/pre>\n<\/div>\n
    \u5176\u4e2d\uff0c@drawable\/bg_btn_selector<\/strong>\u548c@color\/text_btn_selector**\u7684\u5be6\u73fe\u8acb\u53c3\u7167selector\u7bc7<\/a>\u3002<\/span> \u6709\u4e9b\u6309\u9215\uff0c\u6211\u53ea\u60f3\u6539\u8b8a\u6587\u5b57\u984f\u8272\uff0c\u4f46\u80cc\u666f\u60f3\u8b93\u5b83\u900f\u660e\uff0c\u9019\u6642\u5c31\u53ef\u4ee5\u7528\u9ede\u524d\u7db4\u7684\u65b9\u5f0f\u7e7c\u627f\u4ee5\u4e0a\u7684\u6a23\u5f0f\uff0c\u7a0b\u5f0f\u78bc\u5982\u4e0b\uff1a<\/span><\/p>\n
    \n
    <!-- res\/values\/styles.xml --><\/span>\n<resources><\/span>\n    <style<\/span> name=<\/span>\"ButtonNormal\"<\/span> parent=<\/span>\"@android:style\/Widget.Material.Button\"<\/span>><\/span>\n        <item<\/span> name=<\/span>\"android:background\"<\/span>><\/span>@drawable\/bg_btn_selector<\/item><\/span>\n        <item<\/span> name=<\/span>\"android:textColor\"<\/span>><\/span>@color\/text_btn_selector<\/item><\/span>\n    <\/style><\/span>\n    \n    <style<\/span> name=<\/span>\"ButtonNormal.Transparent\"<\/span>><\/span>\n        <item<\/span> name=<\/span>\"android:background\"<\/span>><\/span>@drawable\/bg_btn_transparent<\/item><\/span>\n        <item<\/span> name=<\/span>\"android:textColor\"<\/span>><\/span>@color\/text_btn_selector<\/item><\/span>\n    <\/style><\/span>\n<\/resources><\/span>\n<\/pre>\n<\/div>\n
    \u5f15\u7528\u7684\u6642\u5019\u53ea\u8981\u5728\u76f8\u61c9\u7684Button<\/strong>\u88e1\u6dfb\u52a0style<\/strong>\u5c31\u53ef\u4ee5\u4e86\uff0c\u7a0b\u5f0f\u78bc\u5982\u4e0b\uff1a<\/span><\/p>\n
    \n
    <Button<\/span>\n    android:layout_width=<\/span>\"wrap_content\"<\/span>\n    android:layout_height=<\/span>\"wrap_content\"<\/span>\n    android:onClick=<\/span>\"onAction\"<\/span>\n    android:text=<\/span>\"@string\/btn_action\"<\/span>\n    style=<\/span>\"@style\/ButtonNormal.Transparent\"<\/span> \/><\/span>\n<\/pre>\n<\/div>\n
    \u6709\u6642\u5019\uff0c\u5b9a\u7fa9\u7684\u6a23\u5f0f\u592a\u591a\uff0c\u5982\u679c\u90fd\u653e\u5728styles.xml<\/strong>\u6587\u4ef6\u88e1\uff0c\u90a3\u9019\u6587\u4ef6\u4e5f\u592a\u81c3\u816b\u4e86\u3002\u56e0\u6b64\uff0c\u53ef\u4ee5\u5c07\u6a23\u5f0f\u5206\u985e\u62c6\u5206\u6210\u591a\u500b\u6587\u4ef6\u3002Android\u7cfb\u7d71\u672c\u8eab\u4e5f\u62c6\u5206\u70ba\u591a\u500b\u6587\u4ef6\u5b58\u653e\u7684\uff0c\u5982\u4e0b\u5217\u8868\u5168\u90fd\u662f\u6a23\u5f0f\u6587\u4ef6\uff1a<\/span><\/p>\n
    styles.xml\nstyles_device_defaults.xml\nstyles_holo.xml\nstyles_leanback.xml\nstyles_material.xml\nstyles_micro.xml\nthemes.xml\nthemes_device_defaults.xml\nthemes_holo.xml\nthemes_leanback.xml\nthemes_material.xml\nthemes_micro.xml<\/code><\/pre>\n
    \u5176\u4e2d\uff0c\u4e3b\u8981\u5206\u70ba\u5169\u5927\u985e\uff0cstyles\u5b9a\u7fa9\u4e86\u7c21\u55ae\u7684\u6a23\u5f0f\uff0c\u800cthemes\u5247\u5b9a\u7fa9\u4e86\u4e3b\u984c\u3002<\/span><\/p>\n
    \u4e3b\u984c<\/h1>\n
    \u4ee5\u4e0a\u7684\u7c21\u55ae\u4f8b\u5b50\u53ea\u7528\u65bc\u55ae\u500bView<\/strong>\uff0c\u9019\u662f\u6a23\u5f0f\u6700\u7c21\u55ae\u7684\u7528\u6cd5\u3002\u4f46\u6a23\u5f0f\u7684\u7528\u6cd5\u4e0d\u53ea\u662f\u7528\u65bc\u55ae\u500bView<\/strong>\uff0c\u4e5f\u80fd\u7528\u65bcActivity<\/strong>\u6216\u6574\u500bApplication<\/strong>\uff0c\u9019\u6642\u5019\u9700\u8981\u5728\u76f8\u61c9\u7684<activity>\u6a19\u7c64\u6216<\/strong><application>\u6a19\u7c64\u88e1\u8a2d\u7f6eandroid:theme<\/strong>\u5c6c\u6027\uff0c\u5f15\u7528\u7684\u5176\u5be6\u4e5f\u662fstyle<\/strong>\uff0c\u4f46\u4e00\u822c\u7a31\u70ba\u4e3b\u984c\u3002<\/span><\/p>\n
    Android\u7cfb\u7d71\u63d0\u4f9b\u4e86\u591a\u5957\u4e3b\u984c\uff0c\u67e5\u770bAndroid\u7684frameworks\/base\/core\/res\/res\/values<\/a>\u76ee\u9304\uff0c\u5c31\u6703\u770b\u5230\u6709\u4ee5\u4e0b\u5e7e\u500b\u6587\u4ef6(\u76ee\u524d\u70ba\u6b62)\uff1a<\/span><\/p>\n