{"id":5921,"date":"2017-01-11T17:53:36","date_gmt":"2017-01-11T15:53:36","guid":{"rendered":"http:\/\/www.fandroid.info\/?p=5921"},"modified":"2017-01-11T17:53:36","modified_gmt":"2017-01-11T15:53:36","slug":"animation-download-using-waveloadingview-in-android-application","status":"publish","type":"post","link":"https:\/\/www.fandroid.info\/animation-download-using-waveloadingview-in-android-application\/","title":{"rendered":"[:ru]\u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e WaveLoadingView \u0432 \u0430\u043d\u0434\u0440\u043e\u0438\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438[:en]Animation download using WaveLoadingView in android application[:]"},"content":{"rendered":"<p>[:ru]\u0412 \u044d\u0442\u043e\u043c \u0432\u0438\u0434\u0435\u043e\u0443\u0440\u043e\u043a\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0436\u0438\u0434\u043a\u043e\u0441\u0442\u0438. \u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 &#8212; \u043d\u0438\u0436\u0435 \u043f\u043e\u0434 \u0432\u0438\u0434\u0435\u043e.<\/p>\n<p><iframe loading=\"lazy\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/zrbMiHa8n9I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>\u0414\u043b\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u0444\u0430\u0439\u043b \u0441\u0431\u043e\u0440\u043a\u0438 Build.gradle (App):<\/p>\n<pre class=\"lang:default decode:true\">dependencies {\r\n    compile 'me.itangqi.waveloadingview:library:0.3.5'\r\n    \/\/ I have uploaded v0.3.5 on 2017-01-06, if it doesn't take effect or your\r\n    \/\/ gradle cannot find it in maven central, you may try v0.3.4.\r\n}<\/pre>\n<p>\u0412 \u0432\u0438\u0434\u0435\u043e \u0442\u0430\u043a\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 DiscreteSeekBar, \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0442\u0430\u043a:<\/p>\n<pre>compile 'org.adw.library:discrete-seekbar:1.0.0'<\/pre>\n<p>\u0414\u043e\u0431\u0430\u0432\u0438\u043c\u00a0\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u043c\u0430\u043a\u0435\u0442\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u044d\u043a\u0440\u0430\u043d\u0430 activity_main.xml:<\/p>\n<pre class=\"lang:default decode:true \">&lt;RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    android:id=\"@+id\/activity_main\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n    android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n    android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n    android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n    tools:context=\"com.example.vitaly.waveloadingview.MainActivity\"&gt;\r\n\r\n    &lt;me.itangqi.waveloadingview.WaveLoadingView\r\n        android:id=\"@+id\/waveLoadingView\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        app:wlv_borderColor=\"@color\/colorAccent\"\r\n        app:wlv_borderWidth=\"3dp\"\r\n        app:wlv_progressValue=\"40\"\r\n        app:wlv_shapeType=\"circle\"\r\n        app:wlv_round_rectangle=\"true\"\r\n        app:wlv_triangle_direction=\"north\"\r\n        app:wlv_titleCenterStrokeColor=\"@android:color\/holo_blue_dark\"\r\n        app:wlv_titleCenterStrokeWidth=\"3dp\"\r\n        app:wlv_titleCenter=\"Center Title\"\r\n        app:wlv_titleCenterColor=\"@android:color\/white\"\r\n        app:wlv_titleCenterSize=\"24sp\"\r\n        app:wlv_waveAmplitude=\"70\"\r\n        app:wlv_waveColor=\"@color\/colorAccent\"\/&gt;\r\n\r\n    &lt;org.adw.library.widgets.discreteseekbar.DiscreteSeekBar\r\n        android:id=\"@+id\/seekbar_progress\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        app:dsb_indicatorColor=\"@color\/colorPrimary\"\r\n        app:dsb_max=\"100\"\r\n        app:dsb_min=\"0\"\r\n        app:dsb_progressColor=\"@color\/colorPrimary\"\r\n        app:dsb_value=\"50\"\r\n        android:layout_alignParentBottom=\"true\"\r\n        android:layout_centerHorizontal=\"true\"\r\n        android:layout_marginBottom=\"41dp\" \/&gt;\r\n&lt;\/RelativeLayout&gt;\r\n<\/pre>\n<p>\u0412 \u043a\u043b\u0430\u0441\u0441\u0435 MainActivity.java \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 onCreate \u043f\u0438\u0448\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e, \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u0438:<\/p>\n<pre class=\"lang:default decode:true \">import android.graphics.Color;\r\nimport android.os.Bundle;\r\nimport android.support.v7.app.AppCompatActivity;\r\n\r\nimport org.adw.library.widgets.discreteseekbar.DiscreteSeekBar;\r\n\r\nimport me.itangqi.waveloadingview.WaveLoadingView;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n    WaveLoadingView mWaveLoadingView;\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n\r\n       mWaveLoadingView = (WaveLoadingView) findViewById(R.id.waveLoadingView);\r\n        mWaveLoadingView.setShapeType(WaveLoadingView.ShapeType.CIRCLE);\r\n        \/\/mWaveLoadingView.setTopTitle(\"Top Title\");\r\n        \/\/mWaveLoadingView.setCenterTitleColor(Color.GREEN);\r\n        \/\/mWaveLoadingView.setBottomTitleSize(18);\r\n        mWaveLoadingView.setProgressValue(50);\r\n       \/\/ mWaveLoadingView.setBorderWidth(10);\r\n        mWaveLoadingView.setAmplitudeRatio(60);\r\n        \/\/mWaveLoadingView.setWaveColor(Color.RED);\r\n        \/\/mWaveLoadingView.setBorderColor(Color.RED);\r\n        mWaveLoadingView.setTopTitleStrokeColor(Color.GREEN);\r\n        mWaveLoadingView.setTopTitleStrokeWidth(3);\r\n        mWaveLoadingView.setAnimDuration(3000);\r\n       \/\/ mWaveLoadingView.pauseAnimation();\r\n       \/\/ mWaveLoadingView.resumeAnimation();\r\n       \/\/ mWaveLoadingView.cancelAnimation();\r\n        mWaveLoadingView.startAnimation();\r\n\r\n        ((DiscreteSeekBar) findViewById(R.id.seekbar_progress))\r\n                .setOnProgressChangeListener\r\n                        (new DiscreteSeekBar.OnProgressChangeListener() {\r\n            @Override\r\n            public void onProgressChanged(DiscreteSeekBar seekBar, int value, boolean fromUser) {\r\n                mWaveLoadingView.setProgressValue(value);\r\n            }\r\n\r\n            @Override\r\n            public void onStartTrackingTouch(DiscreteSeekBar seekBar) {\r\n\r\n            }\r\n\r\n            @Override\r\n            public void onStopTrackingTouch(DiscreteSeekBar seekBar) {\r\n\r\n            }\r\n        });\r\n    }\r\n}\r\n<\/pre>\n<p>\u0412 \u043a\u043e\u0434\u0435 \u0437\u0430\u043a\u043e\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b. \u0420\u0430\u0441\u043a\u043e\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0438 \u043f\u043e\u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0441 \u043d\u0438\u043c\u0438. \u041f\u043e\u043b\u043d\u044b\u0439 \u043f\u0435\u0440\u0435\u0447\u0435\u043d\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 &#8212; \u043d\u0430 <a href=\"https:\/\/github.com\/tangqi92\/WaveLoadingView\" target=\"_blank\">\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438<\/a> \u0432 GitHub.[:en]In this video tutorial, consider an interesting library to create animations load effect of liquid filling. The source code example &#8212; under the below video.<\/p>\n<p><iframe loading=\"lazy\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/zrbMiHa8n9I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>To connect the library to your project, add the dependency in Build.gradle (App) assembly file:<\/p>\n<pre class=\"lang:default decode:true\">dependencies {\r\n    compile 'me.itangqi.waveloadingview:library:0.3.5'\r\n    \/\/ I have uploaded v0.3.5 on 2017-01-06, if it doesn't take effect or your\r\n    \/\/ gradle cannot find it in maven central, you may try v0.3.4.\r\n}<\/pre>\n<p>The video is also used DiscreteSeekBar component, it can be added as follows:<\/p>\n<pre>compile 'org.adw.library:discrete-seekbar:1.0.0'<\/pre>\n<p>Add a component in the layout of the main screen activity_main.xml:<\/p>\n<pre class=\"lang:default decode:true\">&lt;RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\r\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\r\n    android:id=\"@+id\/activity_main\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    android:paddingBottom=\"@dimen\/activity_vertical_margin\"\r\n    android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\r\n    android:paddingRight=\"@dimen\/activity_horizontal_margin\"\r\n    android:paddingTop=\"@dimen\/activity_vertical_margin\"\r\n    tools:context=\"com.example.vitaly.waveloadingview.MainActivity\"&gt;\r\n\r\n    &lt;me.itangqi.waveloadingview.WaveLoadingView\r\n        android:id=\"@+id\/waveLoadingView\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        app:wlv_borderColor=\"@color\/colorAccent\"\r\n        app:wlv_borderWidth=\"3dp\"\r\n        app:wlv_progressValue=\"40\"\r\n        app:wlv_shapeType=\"circle\"\r\n        app:wlv_round_rectangle=\"true\"\r\n        app:wlv_triangle_direction=\"north\"\r\n        app:wlv_titleCenterStrokeColor=\"@android:color\/holo_blue_dark\"\r\n        app:wlv_titleCenterStrokeWidth=\"3dp\"\r\n        app:wlv_titleCenter=\"Center Title\"\r\n        app:wlv_titleCenterColor=\"@android:color\/white\"\r\n        app:wlv_titleCenterSize=\"24sp\"\r\n        app:wlv_waveAmplitude=\"70\"\r\n        app:wlv_waveColor=\"@color\/colorAccent\"\/&gt;\r\n\r\n    &lt;org.adw.library.widgets.discreteseekbar.DiscreteSeekBar\r\n        android:id=\"@+id\/seekbar_progress\"\r\n        android:layout_width=\"wrap_content\"\r\n        android:layout_height=\"wrap_content\"\r\n        app:dsb_indicatorColor=\"@color\/colorPrimary\"\r\n        app:dsb_max=\"100\"\r\n        app:dsb_min=\"0\"\r\n        app:dsb_progressColor=\"@color\/colorPrimary\"\r\n        app:dsb_value=\"50\"\r\n        android:layout_alignParentBottom=\"true\"\r\n        android:layout_centerHorizontal=\"true\"\r\n        android:layout_marginBottom=\"41dp\" \/&gt;\r\n&lt;\/RelativeLayout&gt;\r\n<\/pre>\n<p>In MainActivity.java class in the method onCreate write implementation, set the parameters and listeners:<\/p>\n<pre class=\"lang:default decode:true \">import android.graphics.Color;\r\nimport android.os.Bundle;\r\nimport android.support.v7.app.AppCompatActivity;\r\n\r\nimport org.adw.library.widgets.discreteseekbar.DiscreteSeekBar;\r\n\r\nimport me.itangqi.waveloadingview.WaveLoadingView;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n    WaveLoadingView mWaveLoadingView;\r\n\r\n    @Override\r\n    protected void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.activity_main);\r\n\r\n       mWaveLoadingView = (WaveLoadingView) findViewById(R.id.waveLoadingView);\r\n        mWaveLoadingView.setShapeType(WaveLoadingView.ShapeType.CIRCLE);\r\n        \/\/mWaveLoadingView.setTopTitle(\"Top Title\");\r\n        \/\/mWaveLoadingView.setCenterTitleColor(Color.GREEN);\r\n        \/\/mWaveLoadingView.setBottomTitleSize(18);\r\n        mWaveLoadingView.setProgressValue(50);\r\n       \/\/ mWaveLoadingView.setBorderWidth(10);\r\n        mWaveLoadingView.setAmplitudeRatio(60);\r\n        \/\/mWaveLoadingView.setWaveColor(Color.RED);\r\n        \/\/mWaveLoadingView.setBorderColor(Color.RED);\r\n        mWaveLoadingView.setTopTitleStrokeColor(Color.GREEN);\r\n        mWaveLoadingView.setTopTitleStrokeWidth(3);\r\n        mWaveLoadingView.setAnimDuration(3000);\r\n       \/\/ mWaveLoadingView.pauseAnimation();\r\n       \/\/ mWaveLoadingView.resumeAnimation();\r\n       \/\/ mWaveLoadingView.cancelAnimation();\r\n        mWaveLoadingView.startAnimation();\r\n\r\n        ((DiscreteSeekBar) findViewById(R.id.seekbar_progress))\r\n                .setOnProgressChangeListener\r\n                        (new DiscreteSeekBar.OnProgressChangeListener() {\r\n            @Override\r\n            public void onProgressChanged(DiscreteSeekBar seekBar, int value, boolean fromUser) {\r\n                mWaveLoadingView.setProgressValue(value);\r\n            }\r\n\r\n            @Override\r\n            public void onStartTrackingTouch(DiscreteSeekBar seekBar) {\r\n\r\n            }\r\n\r\n            @Override\r\n            public void onStopTrackingTouch(DiscreteSeekBar seekBar) {\r\n\r\n            }\r\n        });\r\n    }\r\n}\r\n<\/pre>\n<p>In the code commented out additional options. Uncomment and experiment with them. A complete list of parameters &#8212; on\u00a0<a href=\"https:\/\/github.com\/tangqi92\/WaveLoadingView\" target=\"_blank\">library page<\/a>\u00a0in GitHub.[:]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[:ru]\u0412 \u044d\u0442\u043e\u043c \u0432\u0438\u0434\u0435\u043e\u0443\u0440\u043e\u043a\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0443\u044e \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u043c \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0436\u0438\u0434\u043a\u043e\u0441\u0442\u0438. \u0418\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 &#8212; \u043d\u0438\u0436\u0435 \u043f\u043e\u0434 \u0432\u0438\u0434\u0435\u043e. \u0414\u043b\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u0444\u0430\u0439\u043b \u0441\u0431\u043e\u0440\u043a\u0438 Build.gradle (App): dependencies { compile &#8216;me.itangqi.waveloadingview:library:0.3.5&#8217; \/\/ I have uploaded v0.3.5 on 2017-01-06, if it doesn&#8217;t take effect or your \/\/ gradle cannot find [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5928,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[3,63,19,136,5,132,133],"_links":{"self":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/5921"}],"collection":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/comments?post=5921"}],"version-history":[{"count":7,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/5921\/revisions"}],"predecessor-version":[{"id":5929,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/posts\/5921\/revisions\/5929"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media\/5928"}],"wp:attachment":[{"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/media?parent=5921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/categories?post=5921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fandroid.info\/wp-json\/wp\/v2\/tags?post=5921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}