{"id":2672,"date":"2016-08-30T09:40:02","date_gmt":"2016-08-30T00:40:02","guid":{"rendered":"http:\/\/www.sria.co.jp\/blog\/?p=2672"},"modified":"2016-08-30T09:40:02","modified_gmt":"2016-08-30T00:40:02","slug":"android-image-to-display-in-the-imageview","status":"publish","type":"post","link":"https:\/\/www.sria.co.jp\/blog\/2016\/08\/android-image-to-display-in-the-imageview\/","title":{"rendered":"[android]\u753b\u50cf\u3092\u88ab\u305b\u3066ImageView\u306b\u8868\u793a\u3059\u308b"},"content":{"rendered":"

\uff12\u3064\u306e\u753b\u50cf\u3092\u88ab\u305b\u305f\u753b\u50cf\u30921\u3064\u306eImageView\u306b\u8868\u793a\u3057\u307e\u3059\u3002
\nXML\u5074\u3067ImageView\u3092\uff11\u3064\u3060\u3051\u8a2d\u5b9a\u3057\u3001\u753b\u50cf\u306e\u8a2d\u5b9a\u306f\u30b3\u30fc\u30c9\u4e0a\u3067\u884c\u3044\u307e\u3059\u3002
\n
\nLayerDrawable\u3092\u4f7f\u7528\u3059\u308c\u3070\u3001\u914d\u5217\u3067\u6307\u5b9a\u3057\u305f\u753b\u50cf\u3092\u88ab\u305b\u3066ImageView\u306b\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u3067\u3059\u3002<\/p>\n

 <\/p>\n

\u3084\u308a\u305f\u3044\u3053\u3068<\/h2>\n

\u30fb\u80cc\u666f\u753b\u50cf\u3092\u753b\u9762\u30b5\u30a4\u30ba\u6a2a\u5e45\u3044\u3063\u3071\u3044\u8868\u793a\u3057\u3066\u305d\u306e\u4e2d\u306b\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u3092\u8868\u793a\u3057\u305f\u3044\u3067\u3059\u3002
\n\u30fbxml\u3067\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f5c\u3089\u305a\u30b3\u30fc\u30c9\u4e0a\u3067\u753b\u50cf\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u4f5c\u308a\u305f\u3044\u3067\u3059\u3002
\n\u30fb\u753b\u50cf\u306f\u4e0b\u8a18\u306e\u7d20\u6750\u3092\u4f7f\u3044\u305f\u3044\u3067\u3059\u2193
\n\"\u30a2\u30d2\u30eb\u3068\u30a2\u30b9\u30d5\u30a1\u30eb\u30c8\"<\/a>
\n <\/p>\n

\u5b9f\u88c5\u306e\u624b\u9806<\/h2>\n

\u2460\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u30d3\u30e5\u30fc(imageView)\u3068\u80cc\u666f\u753b\u50cf\u306e(bgImage)\u3001\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306e(iconImage)\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002
\n \u2192\u753b\u50cf\u306f\u9069\u5f53\u306b\u30d5\u30ea\u30fc\u7d20\u6750\u306e\u30a2\u30b9\u30d5\u30a1\u30eb\u30c8\u753b\u50cf(1000×1000)\u3068\u3042\u3072\u308b\u753b\u50cf(100×100)\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002
\n\u2461\u753b\u9762\u306e\u7e26\u6a2a\u306e\u30b5\u30a4\u30ba\u3092\u53d6\u5f97\u3057\u307e\u3059\u3002
\n\u2462\u53d6\u5f97\u3057\u305f\u753b\u9762\u30b5\u30a4\u30ba\u3092\u5143\u306b\u80cc\u666f\u753b\u50cf\u3092\u6a2a\u3044\u3063\u3071\u3044\u306b\u30ea\u30b5\u30a4\u30ba\u3057\u307e\u3059\u3002
\n\u2463\u753b\u50cf\u3092\u304b\u3076\u305b\u3066LayerDrawable\u3092\u751f\u6210\u3057\u307e\u3059\u3002
\n \u2192drawables\u306e\u753b\u50cf\u306f\u914d\u5217\u3092\u6307\u5b9a\u3057\u305f\u9806\u756a\u3067\u91cd\u306a\u308b\u3088\u3046\u3067\u3059\u3002
\n \u2192\u80cc\u666f\u753b\u50cf\u3092\u4e0b\u3067\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u3092\u305d\u306e\u4e0a\u306b\u6307\u5b9a\u3057\u305f\u3044\u306e\u3067\u3001bgImage,iconImage\u306e\u9806\u306b\u914d\u5217\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002
\n\u2464\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306bpadding\u3092\u4e0e\u3048\u3066\u307f\u305f\u308a\u3059\u308b\u3002
\n \u2192setLayerInset\u3092\u4f7f\u7528\u3057\u3001\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306e\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u914d\u5217\u306eindex1\u306b\u5bfe\u3057\u3066padding=30\u3092\u4e0e\u3048\u3066\u307f\u307e\u3059\u3002
\n\u2465\u753b\u50cf\u3092ImageView\u306b\u30bb\u30c3\u30c8\u3057\u307e\u3059\u3002<\/p>\n

 <\/p>\n

\u30bd\u30fc\u30b9<\/h2>\n
\r\n\r\nsetContentView(R.layout.activity_main);\r\n\r\n\/\/\u2460\u753b\u50cf\u8868\u793a\u306e\u30d3\u30e5\u30fc\u3092\u53d6\u5f97\r\nImageView imageView = (ImageView) findViewById(R.id.image_view);\r\n\r\n\/\/\u2460\u80cc\u666f\u753b\u50cf\u306e\u53d6\u5f97\r\nBitmapDrawable bgImage = (BitmapDrawable) getDrawable(R.drawable.asphalt_bg);\r\n\r\n\/\/\u2460\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306e\u53d6\u5f97\r\nBitmapDrawable iconImage = (BitmapDrawable) getDrawable(R.drawable.ahiru);\r\n\r\n\/\/\u2461\u753b\u9762\u306e\u7e26\u6a2a\u306e\u30b5\u30a4\u30ba\u3092\u53d6\u5f97\r\nWindowManager wm = (WindowManager)getSystemService(WINDOW_SERVICE);\r\nDisplayMetrics metrics = new DisplayMetrics();\r\nwm.getDefaultDisplay().getMetrics(metrics);\r\n\r\nint width = metrics.widthPixels;\r\nint height = metrics.heightPixels\/5;\r\n\r\n\/\/drawable\u304b\u3089bitmap\u3092\u751f\u6210\r\nBitmap bgImageBitmap = ((BitmapDrawable)bgImage).getBitmap();\r\n\r\n\/\/\u2462\u80cc\u666f\u753b\u50cf\u3092\u6a2a\u3044\u3063\u3071\u3044\u306b\u30ea\u30b5\u30a4\u30ba\r\nbgImage = new BitmapDrawable(getResources(), Bitmap.createScaledBitmap(bgImageBitmap, width, height, false));\r\n\r\n\/\/\u80cc\u666f\u753b\u50cf\u306e\u53f3\u306b\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a\r\niconImage.setGravity(Gravity.RIGHT);\r\n\r\n\/\/\u2463LayerDrawable \u3092\u751f\u6210\r\nDrawable[] drawables = {\r\nbgImage\r\n,iconImage\r\n};\r\nLayerDrawable ld = new LayerDrawable(drawables);\r\n\r\n\/\/\u2464\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u306bpadding\u3092\u4e0e\u3048\u3066\u307f\u305f\u308a\u3059\u308b\r\nint padding = 30;\r\nld.setLayerInset(1, padding, padding, padding, padding);\r\n\r\n\/\/\u2465\u753b\u50cf\u3092ImageView\u306b\u30bb\u30c3\u30c8\u3059\u308b\r\nimageView.setImageDrawable(ld);\r\n\r\n<\/code>\r\n<\/pre>\n
\u4f7f\u3063\u3066\u307f\u307e\u3057\u305f<\/h2>\n
\u80cc\u666f\u753b\u50cf\u304c\u6a2a\u5e45\u3044\u3063\u3071\u3044\u3067\u305d\u306e\u4e2d\u306b\u30a2\u30d2\u30eb\u306e\u30a2\u30a4\u30b3\u30f3\u304c\u53f3\u306b\u8868\u793a\u3055\u308c\u3066\u3044\u307e\u3059\u3002
\n\u5fae\u5999\u306bpadding\u304c\u52b9\u3044\u3066\u3044\u308b\u3088\u3046\u3067\u3059\u3002<\/p>\n
\"\u753b\u50cf\u3092\u88ab\u305b\u305f\u30a2\u30b9\u30d5\u30a1\u30eb\u30c8\u3068\u3042\u3072\u308b\"<\/a><\/p>\n
 <\/p>\n
\u53c2\u8003:
\nAndroid APIs<\/a>
\nqiita:\u753b\u50cf\u3092\u91cd\u306d\u3066\u8868\u793a\u3059\u308b<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\uff12\u3064\u306e\u753b\u50cf\u3092\u88ab\u305b\u305f\u753b\u50cf\u30921\u3064\u306eImageView\u306b\u8868\u793a\u3057\u307e\u3059\u3002 XML\u5074\u3067ImageView\u3092\uff11\u3064\u3060\u3051\u8a2d\u5b9a\u3057\u3001\u753b\u50cf\u306e\u8a2d\u5b9a\u306f\u30b3\u30fc\u30c9\u4e0a\u3067\u884c\u3044\u307e\u3059\u3002<\/p>\n","protected":false},"author":8,"featured_media":54,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15,8],"tags":[45,123,124,126,122,125],"_links":{"self":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/2672"}],"collection":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/comments?post=2672"}],"version-history":[{"count":32,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/2672\/revisions"}],"predecessor-version":[{"id":5051,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/posts\/2672\/revisions\/5051"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/media\/54"}],"wp:attachment":[{"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/media?parent=2672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/categories?post=2672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sria.co.jp\/blog\/wp-json\/wp\/v2\/tags?post=2672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}