代码拉取完成,页面将自动刷新
在moudle级别下的build.gradle文件中添加依赖
// 添加maven仓库
repositories {
maven {
url 'https://s01.oss.sonatype.org/content/repositories/releases/'
}
}
// 添加依赖库
dependencies {
implementation 'com.gitee.chinasoft_ohos:WaveLoadingView:1.0.1'
}
在sdk5,DevEco Studio2.1 beta3下项目可直接运行 如无法运行,删除项目.gradle,.idea,build,gradle,build.gradle文件, 并依据自己的版本创建新项目,将新项目的对应文件复制到根目录下
将 WaveLoadingView 添加到layout 中,可以像下面这样自定义属性
<com.itangqi.waveloadingview.WaveLoadingView
ohos:id="$+id:waveloadingview"
ohos:width="match_parent"
ohos:height="match_parent"
ohos:layout_alignment="center"
apps:wlv_borderColor="$color:colorAccent"
apps:wlv_borderWidth="3vp"
apps:wlv_progressValue="40"
apps:wlv_shapeType="1"
apps:wlv_round_rectangle="true"
apps:wlv_triangle_direction="0"
apps:wlv_titleCenterStrokeColor="$color:color_ff0099cc"
apps:wlv_titleCenterStrokeWidth="3vp"
apps:wlv_titleCenter="Center Title"
apps:wlv_titleCenterColor="$color:colorPrimaryText"
apps:wlv_titleCenterSize="24fp"
apps:wlv_waveAmplitude="70"
apps:wlv_waveColor="$color:colorAccent"/>
可以在源码中动态设置属性
WaveLoadingView mWaveLoadingView = (WaveLoadingView) findComponentById(ResourceTable.Id_waveloadingview);
mWaveLoadingView.setShapeType(WaveLoadingView.ShapeType.CIRCLE);
mWaveLoadingView.setTopTitle("Top Title");
mWaveLoadingView.setCenterTitleColor(Color.GRAY);
mWaveLoadingView.setBottomTitleSize(18);
mWaveLoadingView.setProgressValue(80);
mWaveLoadingView.setBorderWidth(10);
mWaveLoadingView.setAmplitudeRatio(60);
mWaveLoadingView.setWaveColor(Color.GRAY);
mWaveLoadingView.setBorderColor(Color.GRAY);
mWaveLoadingView.setTopTitleStrokeColor(Color.BLUE);
mWaveLoadingView.setTopTitleStrokeWidth(3);
mWaveLoadingView.setAnimDuration(3000);
mWaveLoadingView.pauseAnimation();
mWaveLoadingView.resumeAnimation();
mWaveLoadingView.cancelAnimation();
mWaveLoadingView.startAnimation();
所有可以设置的属性,见下表:
name | format | description |
---|---|---|
wlv_borderWidth | dimension | Border width, default is 0 |
wlv_borderColor | color | Border color |
wlv_progressValue | integer | Pprogress value, default is 50 |
wlv_shapeType | enum | Shape type, default is circle |
wlv_triangle_direction | enum | Triangle direction, default is north |
wlv_round_rectangle | boolean | Is round rectangle, default is false |
wlv_round_rectangle_x_and_y | integer | Round Rectangle corners, default is 30 |
wlv_waveColor | color | Wave color |
wlv_wave_background_Color | color | Wave background color |
wlv_waveAmplitude | float | Wave amplitude |
wlv_titleTop | string | Top title content, default is null |
wlv_titleCenter | string | Center title content, default is null |
wlv_titleBottom | string | Bottom title content, default is null |
wlv_titleTopSize | dimension | Top title size, default is 18 |
wlv_titleCenterSize | dimension | Center title size, default is 22 |
wlv_titleBottomSize | dimension | Bottom size, default is 18 |
wlv_titleTopColor | color | Top title color |
wlv_titleCenterColor | color | Center title color |
wlv_titleBottomColor | color | Bottom title color |
wlv_titleTopStrokeColor | color | Top title stroke color |
wlv_titleCenterStrokeColor | color | Center title stroke color |
wlv_titleBottomStrokeColor | color | Bottom title stroke color |
wlv_titleTopStrokeWidth | dimension | Top title stroke width |
wlv_titleCenterStrokeWidth | dimension | Center title stroke width |
wlv_titleBottomStrokeWidth | dimension | Bottom title stroke width |
所有属性都可以通过各自的getter和setter在运行时更改它们。
CodeCheck代码测试无异常
CloudTest代码测试无异常
火绒安全病毒安全检测通过
当前版本demo功能与原组件基本无差异
Copyright 2016 Qi Tang
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型