{"id":915,"date":"2017-03-11T00:20:21","date_gmt":"2017-03-10T16:20:21","guid":{"rendered":"http:\/\/www.yusian.com\/blog\/?p=915"},"modified":"2020-12-01T12:47:28","modified_gmt":"2020-12-01T04:47:28","slug":"android%e5%ae%9e%e6%88%98%e5%bc%80%e5%8f%91%e5%b0%8f%e6%b8%b8%e6%88%8fbullseye%ef%bc%8c%e5%88%9d%e5%ad%a6%e8%80%85%e5%9f%ba%e6%9c%ac%e6%8e%a7%e4%bb%b6%e7%bb%83%e4%b9%a0demo","status":"publish","type":"post","link":"https:\/\/www.yusian.com\/blog\/android\/2017\/03\/11\/002021915.html","title":{"rendered":"Android\u5b9e\u6218\u5f00\u53d1\u5c0f\u6e38\u620fBullsEye\uff0c\u521d\u5b66\u8005\u57fa\u672c\u63a7\u4ef6\u7ec3\u4e60Demo"},"content":{"rendered":"<p>1\u3001\u4e0a\u56fe\uff0c\u5148\u4e0a\u56fe\u518dBB<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-916\" src=\"http:\/\/www.yusian.com\/blog\/wp-content\/uploads\/2017\/03\/20170310220101.jpg\" alt=\"\" width=\"600\" height=\"338\" \/><\/p>\n<p>2\u3001\u8bbe\u8ba1\u8bf4\u660e<br \/>\n2.1\u3001\u6e38\u620f\u4e2d\u968f\u673a\u7ed9\u4e86\u4e00\u4e2a\u6570\u5b57\uff0c\u73a9\u5bb6\u5728\u4e00\u4e2a\u8fdb\u5ea6\u6761\u4e2d\u51ed\u81ea\u5df1\u7684\u611f\u89c9\u8c03\u51fa\u8be5\u6570\u5b57\uff1b<br \/>\n2.2\u3001\u70b9\u51fb\u786e\u5b9a\u540e\uff0c\u6e38\u620f\u6839\u636e\u73a9\u5bb6\u8c03\u6574\u51fa\u7684\u7cbe\u5ea6\u7ed9\u51fa\u4e00\u4e2a\u5206\u6570\uff0c\u8d8a\u543b\u5408\u5206\u6570\u8d8a\u9ad8\uff1b<br \/>\n2.3\u3001\u9644\u5e26\u4e00\u4e2a\u8ba1\u5206\u4e0e\u590d\u4f4d\u529f\u80fd\uff0c\u4e00\u4e2a\u5e2e\u52a9\u7684\u5f39\u6846\uff1b<\/p>\n<p>3\u3001\u4e3b\u8981\u6280\u672f\u70b9<br \/>\n3.1\u3001\u57fa\u672c\u5e03\u5c40\uff0c\u5c06\u624b\u673a\u5c4f\u5e55\u5206\u5272\u4e3a\u4e0a\u4e2d\u4e0b\u4e09\u5927\u5757\u7eb5\u5411\u5e03\u5c40\uff0c\u6bcf\u4e00\u4e2a\u5c0f\u683c\u4e2d\u518d\u6839\u636e\u9700\u8981\u8fdb\u884c\u7eb5\u8eab\u6216\u6a2a\u5411\u5e03\u5c40\uff0c\u5982\u4e0b\u56fe\u6240\u793a<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-917\" src=\"http:\/\/www.yusian.com\/blog\/wp-content\/uploads\/2017\/03\/20170311000101.jpg\" alt=\"\" width=\"600\" height=\"338\" \/><br \/>\n3.2\u3001\u5bf9\u4e8e\u521d\u5b66\u8005\u6765\u8bb2\uff0c\u5e03\u5c40\u4e2d\u503c\u5f97\u4e00\u63d0\u7684\u6709gravity\u4e0elayout_gravity\u8fd9\u4e24\u4e2a\u5c5e\u6027\uff0clayout_gravity\u5bf9\u5176\u5185\u90e8\u5b50\u63a7\u4ef6\u751f\u6548\uff0c\u800cgravity\u5bf9\u81ea\u8eab\u751f\u6548\uff1b<br \/>\n3.3\u3001\u6bd4\u5982android:gravity:center_horizontal\uff0c\u8868\u793a\u5f53\u524d\u63a7\u4ef6\u6c34\u5e73\u5c45\u4e2d\uff0c\u4f46\u524d\u63d0\u6761\u4ef6\u662f\u8be5\u63a7\u4ef6\u662f\u88ab\u7eb5\u5411\u5e03\u5c40\u7684\uff0c\u5982\u679c\u8be5\u63a7\u4ef6\u672c\u8eab\u662f\u88ab\u6a2a\u5411\u5e03\u5c40\u7684\uff0c\u90a3\u4e48\u6a2a\u5411\u5230\u5e95\u6709\u591a\u957f\u662f\u672a\u77e5\u7684\uff0c\u4ece\u800c\u8bbe\u7f6e\u4e5f\u5c31\u65e0\u6548\uff1b\u5982\u679c\u8be5\u63a7\u4ef6\u662f\u7eb5\u5411\u5e03\u5c40\u7684\uff0c\u90a3\u5c45\u4e2d\u8868\u793a\u7684\u80af\u5b9a\u5c31\u662f\u6a2a\u5411\u5c45\u4e2d\uff1b<!--more--><br \/>\n3.4\u3001\u5982\u679c\u6211\u662f\u6a2a\u5411\u5e03\u5c40\u7684(\u4ece\u5de6\u5f80\u5411\u6392\u8fc7\u53bb)\uff0c\u800c\u6211\u53c8\u5e0c\u671b\u63a7\u4ef6\u88ab\u6446\u653e\u5728\u6a2a\u5411\u5c45\u4e2d\uff0c\u8be5\u5982\u4f55\u5904\u7406\u5462\uff1f\u8fd9\u4e2a\u65f6\u5019\u5c31\u9700\u8981\u5728\u7236\u63a7\u4ef6\u4e2d\u8bbe\u7f6elayout_gravity\u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u53ef\u4ee5\u5c06\u5b50\u63a7\u4ef6\u653e\u5728\u4efb\u4f55\u4e00\u4e2a\u65b9\u4f4d\uff1b<br \/>\n3.5\u3001\u53e6\u5916\u4e00\u4e2a\u503c\u5f97\u5173\u6ce8\u7684\u5c5e\u6027\u5373layout_weight\uff0c\u8fd9\u4e2a\u5c5e\u6027\u53ef\u4ee5\u5c06\u5269\u4f59\u7684\u7a7a\u95f4\u901a\u8fc7\u8be5\u503c\u5747\u5206\u7ed9\u76f8\u5173\u63a7\u4ef6\uff0c\u4e3e\u4e2a\u6817\u5b50\uff1a\u5c4f\u5e55\u5bbd320px\uff0c\u6a2a\u5411\u6446\u653e\u4e862\u4e2a\u6309\u94ae\u5206\u522b\u4e3a40px\uff0c\u5269\u4e0b280px\uff0c\u5982\u679c\u4e24\u6309\u94ae\u8bbe\u7f6elayout_weight\u90fd\u4e3a1\uff0c\u5219\u5206\u522b\u53d6140\uff0c\u5982\u679c\u5206\u522b\u4e3a1\u548c2\uff0c\u5219\u6309\u94ae\u5bbd\u5206\u522b\u4e3a40+(280*1\/3)\u548c40+(280*2\/3);<br \/>\n3.6\u3001\u5b9e\u8df5\u51fa\u771f\u77e5\uff0c\u591a\u591a\u7ec3\u4e60\u4e0e\u8c03\u8bd5\uff0c\u591a\u8bd5\u9a8c\uff1b<\/p>\n<p>4\u3001\u90e8\u5206\u4ee3\u7801<br \/>\nActivity<\/p>\n<pre lang=\"java\" line=\"1\">package com.yusian.bullseye;\n\nimport android.support.v7.app.AlertDialog;\nimport android.support.v7.app.AppCompatActivity;\nimport android.os.Bundle;\nimport android.view.View;\nimport android.widget.Button;\nimport android.widget.ImageButton;\nimport android.widget.SeekBar;\nimport android.widget.TextView;\n\nimport java.util.Random;\n\npublic class MainActivity extends AppCompatActivity {\n\n    private SeekBar sbBullsEye;\n    private Button btnOk;\n    private ImageButton btnReplay, btnHelp;\n    private TextView tvTarget, tvScore, tvCount;\n    int randomScore, finalScore, count = 1;\n    @Override\n    protected void onCreate(Bundle savedInstanceState) {\n        super.onCreate(savedInstanceState);\n        setContentView(R.layout.activity_main);\n        \/\/ \u521d\u59cb\u5316\u6210\u5458\u53d8\u91cf\n        findView();\n        randomOfScore();\n        \/\/ \u786e\u5b9a\u6309\u94ae\u4e8b\u4ef6\u5904\u7406\u65b9\u6cd5\n        btnOk.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View v) {\n                \/\/ \u5206\u6570\u66f4\u65b0\n                int currentScore = sbBullsEye.getProgress();\n                finalScore = 100 - Math.abs(currentScore - randomScore);\n                \/\/ \u5c40\u6570\u66f4\u65b0\n                count++;\n                \/\/ \u5237\u65b0\u9875\u9762\n                refreshTextView();\n                randomOfScore();\n            }\n        });\n        \/\/ \u91cd\u7f6e\u6309\u94ae\u4e8b\u4ef6\n        btnReplay.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View v) {\n                randomOfScore();\n                count = 1;\n                finalScore = 0;\n                refreshTextView();\n            }\n        });\n        \/\/ \u5e2e\u52a9\u6309\u94ae\u4e8b\u4ef6\n        btnHelp.setOnClickListener(new View.OnClickListener() {\n            @Override\n            public void onClick(View v) {\n                AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);\n                builder.setTitle(\"\u8fd9\u662f\u6807\u9898\")\n                        .setMessage(\"\u8fd9\u662f\u5185\u5bb9\")\n                        .setPositiveButton(\"\u77e5\u9053\u4e86\", null);\n                AlertDialog dialog = builder.create();\n                dialog.show();\n            }\n        });\n    }\n\n    \/*\n    * \u5237\u65b0TextView\u89c6\u56fe\n    *\/\n    private void refreshTextView(){\n        tvScore.setText(\"\u5206\u6570\uff1a\"+finalScore);\n        tvCount.setText(\"\u5c40\u6570\uff1a\"+count);\n    }\n\n    \/*\n    * \u751f\u6210\u968f\u673a\u6570\u65b9\u6cd5\n    *\/\n    private void randomOfScore() {\n        Random random = new Random();\n        randomScore = random.nextInt(99) + 1;\n        tvTarget.setText(\"\u628a\u8fdb\u5ea6\u6761\u62d6\u5230\uff1a\" + randomScore);\n        sbBullsEye.setProgress(0);\n    }\n    \/*\n    * \u521d\u59cb\u5316\u63a7\u4ef6id\n    *\/\n    private void findView() {\n        sbBullsEye = (SeekBar) findViewById(R.id.sb_bullseye);\n        btnOk = (Button) findViewById(R.id.btn_ok);\n        btnReplay = (ImageButton) findViewById(R.id.btn_replay);\n        btnHelp = (ImageButton) findViewById(R.id.btn_help);\n        tvTarget = (TextView) findViewById(R.id.tv_target);\n        tvScore = (TextView) findViewById(R.id.tv_score);\n        tvCount = (TextView) findViewById(R.id.tv_count);\n\n    }\n}<\/pre>\n<p>XML<\/p>\n<pre lang=\"java\" line=\"1\"><?xml version=\"1.0\" encoding=\"utf-8\"?>\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\n    android:orientation=\"vertical\"\n    tools:context=\"com.yusian.bullseye.MainActivity\">\n\n    <LinearLayout\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:orientation=\"vertical\"\n        android:layout_weight=\"1\"\n        android:gravity=\"center\">\n\n        <TextView\n            android:id=\"@+id\/tv_target\"\n            android:layout_width=\"wrap_content\"\n            android:layout_height=\"wrap_content\"\n            android:text=\"\u628a\u8fdb\u5ea6\u6761\u62d6\u5230\uff1a80\"\n            android:textSize=\"30sp\"\/>\n\n    <\/LinearLayout>\n    <LinearLayout\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:layout_weight=\"1\"\n        android:orientation=\"vertical\">\n\n        <SeekBar\n            android:id=\"@+id\/sb_bullseye\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"wrap_content\"\n            android:progress=\"60\"\n            android:max=\"100\"\n            android:layout_margin=\"20dp\"\n            android:thumb=\"@mipmap\/icon_point\"\n            \/>\n        <Button\n            android:id=\"@+id\/btn_ok\"\n            android:layout_width=\"wrap_content\"\n            android:layout_height=\"wrap_content\"\n            android:layout_gravity=\"center\"\n            android:textColor=\"@color\/whiteColor\"\n            android:background=\"@mipmap\/btn_background\"\n            android:text=\"\u786e\u5b9a\"\/>\n\n    <\/LinearLayout>\n    <LinearLayout\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:layout_weight=\"1\"\n        android:orientation=\"horizontal\">\n\n\n        <LinearLayout\n            android:layout_width=\"wrap_content\"\n            android:layout_height=\"match_parent\"\n            android:layout_weight=\"1\"\n            android:gravity=\"center\">\n\n            <ImageButton\n                android:id=\"@+id\/btn_replay\"\n                android:layout_width=\"40dp\"\n                android:layout_height=\"30dp\"\n                android:text=\"Replay\"\n                android:src=\"@mipmap\/replay\"\n                android:background=\"@mipmap\/btn_background\"\n                \/>\n\n            <TextView\n                android:id=\"@+id\/tv_score\"\n                android:layout_width=\"wrap_content\"\n                android:layout_height=\"wrap_content\"\n                android:text=\"\u5206\u6570\uff1a99\"\n                android:layout_marginLeft=\"10dp\"\n                android:textSize=\"16sp\"\/>\n\n        <\/LinearLayout>\n\n\n        <LinearLayout\n            android:layout_width=\"wrap_content\"\n            android:layout_height=\"match_parent\"\n            android:layout_weight=\"1\"\n            android:gravity=\"center\">\n\n            <TextView\n                android:id=\"@+id\/tv_count\"\n                android:layout_width=\"wrap_content\"\n                android:layout_height=\"wrap_content\"\n                android:text=\"\u5c40\u6570\uff1a1\"\n                android:textSize=\"16sp\"\/>\n            <ImageButton\n                android:id=\"@+id\/btn_help\"\n                android:layout_width=\"40dp\"\n                android:layout_height=\"30dp\"\n                android:src=\"@mipmap\/icon_help\"\n                android:background=\"@mipmap\/btn_background\"\n                android:text=\"\u5e2e\u52a9\"\n                android:layout_marginLeft=\"10dp\"\/>\n\n        <\/LinearLayout>\n\n    <\/LinearLayout>\n\n<\/LinearLayout><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>1\u3001\u4e0a\u56fe\uff0c\u5148\u4e0a\u56fe\u518dBB 2\u3001\u8bbe\u8ba1\u8bf4\u660e 2.1\u3001\u6e38\u620f\u4e2d\u968f\u673a\u7ed9\u4e86\u4e00\u4e2a\u6570\u5b57\uff0c\u73a9\u5bb6\u5728\u4e00\u4e2a\u8fdb\u5ea6\u6761\u4e2d\u51ed\u81ea\u5df1\u7684\u611f\u89c9\u8c03\u51fa\u8be5\u6570\u5b57\uff1b 2.2\u3001\u70b9\u51fb\u786e\u5b9a\u540e\uff0c\u6e38\u620f\u6839\u636e\u73a9\u5bb6\u8c03\u6574\u51fa\u7684\u7cbe\u5ea6\u7ed9\u51fa\u4e00\u4e2a\u5206\u6570\uff0c\u8d8a\u543b\u5408\u5206\u6570\u8d8a\u9ad8\uff1b 2.3\u3001\u9644\u5e26\u4e00\u4e2a\u8ba1\u5206\u4e0e\u590d\u4f4d\u529f\u80fd\uff0c\u4e00\u4e2a\u5e2e\u52a9\u7684\u5f39\u6846\uff1b 3\u3001\u4e3b\u8981\u6280\u672f\u70b9 3.1\u3001\u57fa\u672c\u5e03\u5c40\uff0c\u5c06\u624b\u673a\u5c4f\u5e55\u5206\u5272\u4e3a\u4e0a\u4e2d\u4e0b\u4e09\u5927\u5757\u7eb5\u5411\u5e03\u5c40\uff0c\u6bcf\u4e00\u4e2a\u5c0f\u683c\u4e2d\u518d\u6839\u636e\u9700\u8981\u8fdb\u884c\u7eb5\u8eab\u6216\u6a2a\u5411\u5e03\u5c40\uff0c\u5982\u4e0b\u56fe\u6240\u793a 3.2\u3001\u5bf9\u4e8e\u521d\u5b66\u8005\u6765\u8bb2\uff0c\u5e03\u5c40\u4e2d\u503c\u5f97\u4e00\u63d0\u7684\u6709gravity\u4e0elayout_gravity\u8fd9\u4e24\u4e2a\u5c5e\u6027\uff0clayout_gravity\u5bf9\u5176\u5185\u90e8\u5b50\u63a7\u4ef6\u751f\u6548\uff0c\u800cgravity\u5bf9\u81ea\u8eab\u751f\u6548\uff1b 3.3\u3001\u6bd4\u5982android:gravity:center_horizontal\uff0c\u8868\u793a\u5f53\u524d\u63a7\u4ef6\u6c34\u5e73\u5c45\u4e2d\uff0c\u4f46\u524d\u63d0\u6761\u4ef6\u662f\u8be5\u63a7\u4ef6\u662f\u88ab\u7eb5\u5411\u5e03\u5c40\u7684\uff0c\u5982\u679c\u8be5\u63a7\u4ef6\u672c\u8eab\u662f\u88ab\u6a2a\u5411\u5e03\u5c40\u7684\uff0c\u90a3\u4e48\u6a2a\u5411\u5230\u5e95\u6709\u591a\u957f\u662f\u672a\u77e5\u7684\uff0c\u4ece\u800c\u8bbe\u7f6e\u4e5f\u5c31\u65e0\u6548\uff1b\u5982\u679c\u8be5\u63a7\u4ef6\u662f\u7eb5\u5411\u5e03\u5c40\u7684\uff0c\u90a3\u5c45\u4e2d\u8868\u793a\u7684\u80af\u5b9a\u5c31\u662f\u6a2a\u5411\u5c45\u4e2d\uff1b<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[33,20],"class_list":["post-915","post","type-post","status-publish","format-standard","hentry","category-android","tag-33","tag-basics"],"_links":{"self":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/posts\/915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/comments?post=915"}],"version-history":[{"count":0,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/posts\/915\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/media?parent=915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/categories?post=915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yusian.com\/blog\/wp-json\/wp\/v2\/tags?post=915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}