{"id":15026145,"url":"https://github.com/wingjay/blurimageview","last_synced_at":"2025-04-12T18:39:38.506Z","repository":{"id":88655324,"uuid":"46031344","full_name":"wingjay/BlurImageView","owner":"wingjay","description":"BlurImageView, you can load your image progressively like Medium does.First show user a blurry image, At the same time, load the real image, once loaded, replace the blurry one automatically","archived":false,"fork":false,"pushed_at":"2018-05-25T02:13:19.000Z","size":31058,"stargazers_count":1344,"open_issues_count":4,"forks_count":237,"subscribers_count":41,"default_branch":"master","last_synced_at":"2025-04-03T20:12:09.005Z","etag":null,"topics":["android","medium","stack-blur"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wingjay.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2015-11-12T05:25:02.000Z","updated_at":"2025-03-16T15:47:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"ccb78ecd-3110-4966-a473-7350c7287c13","html_url":"https://github.com/wingjay/BlurImageView","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wingjay%2FBlurImageView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wingjay%2FBlurImageView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wingjay%2FBlurImageView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wingjay%2FBlurImageView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wingjay","download_url":"https://codeload.github.com/wingjay/BlurImageView/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248616251,"owners_count":21134038,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","medium","stack-blur"],"created_at":"2024-09-24T20:03:53.044Z","updated_at":"2025-04-12T18:39:38.469Z","avatar_url":"https://github.com/wingjay.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-BlurImageView-green.svg?style=true)](https://android-arsenal.com/details/1/2768)\n\n\n# BlurImageView\nBlurImageView For Android, you can load your image progressively like [Medium](https://medium.com/@wing_jay/thinking-about-the-way-of-loading-picture-by-medium-4adfe792b437).\n\n### How it works?\n1. First it will show user a blurry image;\n2. At the same time, it starts to load the real image;\n3. once loaded, replace the blurry one automatically.\n\n\u003cimg src=\"https://github.com/wingjay/BlurImageView/blob/master/assets/blurImageView_nm.gif\" width=\"300\"\u003e\n\n### Playable apk\nYou can [Download sample apk](https://github.com/wingjay/blurimageview/blob/master/sample.apk) and play on your phone. Try it!\n\n### Why I do this?\nThis lib is inspired by [Medium](https://medium.com/@wing_jay/thinking-about-the-way-of-loading-picture-by-medium-4adfe792b437) and users love this way of loading pics, Because a beautiful Blurry pic is always better than a blank area or an ugly thumbnail.\n\n### How to get it? \nSimply add the dependency\n```\ndependencies {\n\tcompile 'com.wingjay:blurimageviewlib:2.0.1'\n}\n```\n\n### How to use it?\n```java\n    BlurImageView blurImageView = (BlurImageView) findViewById(R.id.XXX);\n    blurImageView.setBlurImageByUrl(blurImageUrl);\n```\n   This will **load and blur** a image.\n```\n  BlurImageView fullBlurImageView = (BlurImageView) findViewById(R.id.XXX)\n  fullBlurImageView.setFullImageByUrl(blurImageUrl, normalImageUrl);\n```\n  This will **load two images progressively**.\n```\n  blurImageView.setBlurFactor(blurFactor);\n```\n  This can set the factor of blurry, default 8 - 10.\n```java\n  blurImageView.setFailDrawable(Drawable failDrawable);\n  blurImageView.setDefaultDrawable(Drawable defaultDrawable);\n```\n  Configure your own drawable for loading failure \u0026 default. Use null to remove them.\n\n\n\n### Related resource\nThanks for the algorithms: `Stack Blur`: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html\n\n### Reach me - wingjay\n\nWeibo: http://weibo.com/u/1625892654\n\nBlog: http://wingjay.com/\n\nGitHub: https://github.com/wingjay\n\nFeel free to give me advices by \u003cmailto:yinjiesh AT 126 DOT com\u003e\n\n\n![](https://avatars2.githubusercontent.com/u/9619875?v=4\u0026s=460)\n\n**Thanks!**\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwingjay%2Fblurimageview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwingjay%2Fblurimageview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwingjay%2Fblurimageview/lists"}