登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
开源项目 > OpenHarmony > 高级UI组件 &&
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
5 Star 3 Fork 0

HarmonyOS-TPC / FlycoRoundView

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
克隆/下载
分支 1
标签 2
贡献代码
同步代码
创建 Pull Request
了解更多
对比差异 通过 Pull Request 同步
同步更新到分支
通过 Pull Request 同步
将会在向当前分支创建一个 Pull
Request，合入后将完成同步
取消
提示: 由于 Git 不支持空文件夾，创建文件夹后会生成空的 .keep 文件
FlycoRoundView_Lib
entry
gradle/wrapper
images
.gitignore
LICENSE
README.OPENSOURCE
README.md
build.gradle
gradle.properties
gradlew
gradlew.bat
settings.gradle
Loading...
README
MIT

FlycoRoundView

Introduction

A library helps openharmony built-in views easy and convenient to set round rectangle background and accordingly related shape resources can be reduced.

Demo

Usage Instructions

TextViewDefault

we can see the the background color is changing and text color is not changing while clicking TextView Default

<com.flyco.roundview.RoundTextView
 ohos:id="$+id:rtv_1"
 ohos:height="match_content"
 ohos:width="match_content"
 ohos:clickable="true"
 ohos:padding="10vp"
 ohos:text="TextView Default"
 ohos:text_color="#383838"
 rv:rv_backgroundColor="#ffffff"
 rv:rv_backgroundPressColor="#383838"
 rv:rv_strokeColor="#383838"
 rv:rv_strokeWidth="1vp"
 rv:rv_textPressColor="#ffffff"/>

RadiusHalf Height

makes the view radius to half and rounded clicking on Radius HalfHeight Back ground color is changing to blue and Text color changing to white

<com.flyco.roundview.RoundTextView
 ohos:id="$+id:rtv_2"
 ohos:height="match_content"
 ohos:width="match_content"
 ohos:alignment="center"
 ohos:bottom_padding="10vp"
 ohos:clickable="true"
 ohos:left_margin="20vp"
 ohos:left_padding="18vp"
 ohos:long_click_enabled="true"
 ohos:right_padding="18vp"
 ohos:text="Radius Half Height"
 ohos:text_color="#03A9F4"
 ohos:top_padding="10vp"
 rv:rv_backgroundColor="#ffffff"
 rv:rv_backgroundPressColor="#03A9F4"
 rv:rv_isRadiusHalfHeight="true"
 rv:rv_isRippleEnable="false"
 rv:rv_strokeColor="#03A9F4"
 rv:rv_strokePressColor="#6D8FB0"
 rv:rv_strokeWidth="1vp"
 rv:rv_textPressColor="#ffffff"/>

TetView Radius 10vp

On Click the TextView Radius10vp color is changing as per the expectation visible on the UI.

<com.flyco.roundview.RoundTextView
 ohos:id="$+id:rtv_3"
 ohos:height="match_content"
 ohos:width="200vp"
 ohos:alignment="center"
 ohos:bottom_margin="10vp"
 ohos:bottom_padding="10vp"
 ohos:ellipsize="end"
 ohos:left_padding="18vp"
 ohos:right_padding="18vp"
 ohos:singleLine="true"
 ohos:text="TextView Radius 10dpTextView Radius 10vp"
 ohos:text_color="#383838"
 ohos:top_padding="10vp"
 rv:rv_backgroundColor="#F6CE59"
 rv:rv_cornerRadius="10vp"/>

Radius Top Left

The Radius TopLeft displays rounded corner at TopLeft

<com.flyco.roundview.RoundTextView
 ohos:height="match_content"
 ohos:width="0vp"
 ohos:padding="10vp"
 ohos:right_margin="2.5vp"
 ohos:text="Radius TopLeft"
 ohos:text_alignment="center"
 ohos:text_color="#ffffff"
 ohos:weight="1"
 rv:rv_backgroundColor="#DE88A5"
 rv:rv_cornerRadius_TL="10vp"/>

Radius Top Right

The Radius TopRight displaying with round corner at TopRight

<com.flyco.roundview.RoundTextView
 ohos:height="match_content"
 ohos:width="0vp"
 ohos:padding="10vp"
 ohos:right_margin="2.5vp"
 ohos:text="Radius TopRight"
 ohos:text_alignment="center"
 ohos:text_color="#ffffff"
 ohos:weight="1"
 rv:rv_backgroundColor="#DE88A5"
 rv:rv_cornerRadius_TR="10vp"/>

Radius Botttom Left

The Radius BottomLeft displaying with round corner at BottomLeft

<com.flyco.roundview.RoundTextView
 ohos:height="match_content"
 ohos:width="0vp"
 ohos:padding="10vp"
 ohos:right_margin="2.5vp"
 ohos:text="Radius Bottom Left"
 ohos:text_alignment="center"
 ohos:text_color="#ffffff"
 ohos:weight="1"
 rv:rv_backgroundColor="#DE88A5"
 rv:rv_cornerRadius_BL="10vp"/>

Radius Bottom Right

The Radius BottomRight displaying with round corner at BottomRight

<com.flyco.roundview.RoundTextView
 ohos:height="match_content"
 ohos:width="0vp"
 ohos:padding="10vp"
 ohos:right_margin="2.5vp"
 ohos:text="Radius Bottom Right"
 ohos:text_alignment="center"
 ohos:text_color="#ffffff"
 ohos:weight="1"
 rv:rv_backgroundColor="#DE88A5"
 rv:rv_cornerRadius_BR="10vp"/>

FrameLayout

The FrameLayout as per the expectation visible on the UI with with image and round corners four sides

<com.flyco.roundview.RoundFrameLayout
 ohos:height="match_content"
 ohos:width="150vp"
 ohos:bottom_margin="10vp"
 ohos:padding="10vp"
 rv:rv_backgroundColor="#009688"
 rv:rv_cornerRadius="5vp">

 <Text
     ohos:height="match_content"
     ohos:width="match_content"
     ohos:layout_alignment="center"
     ohos:text="FrameLayout"
     ohos:text_color="#ffffff"/>
</com.flyco.roundview.RoundFrameLayout>

Linear Layout

The Linear Layout displays with Image and background is filled with color as per the expectation visible on the UI.

<com.flyco.roundview.RoundLinearLayout
 ohos:height="match_content"
 ohos:width="match_content"
 ohos:alignment="center"
 ohos:bottom_margin="10vp"
 ohos:left_padding="18vp"
 ohos:orientation="vertical"
 ohos:right_padding="18vp"
 ohos:text_color="#ffffff"
 ohos:top_padding="2vp"
 rv:rv_backgroundColor="#E45171"
 rv:rv_cornerRadius="5vp">

 <Image
     ohos:height="30vp"
     ohos:width="30vp"
     ohos:image_src="$media:ic_portrait"
     ohos:scale_mode="inside"
     ohos:text_color="#ffffff"/>

 <Text
     ohos:height="match_content"
     ohos:width="match_content"
     ohos:text="LinearLayout"
     ohos:text_color="#ffffff"/>

</com.flyco.roundview.RoundLinearLayout>

RelativeLayout

The Relative Layout displays with Image and background is filled with color as per the expectation visible on the UI.

<com.flyco.roundview.RoundRelativeLayout
 ohos:height="match_content"
 ohos:width="match_content"
 ohos:bottom_margin="10vp"
 ohos:bottom_padding="10vp"
 ohos:left_padding="18vp"
 ohos:right_padding="18vp"
 ohos:text_color="#ffffff"
 ohos:top_padding="10vp"
 rv:rv_backgroundColor="#655989"
 rv:rv_isRadiusHalfHeight="true">

 <Image
     ohos:id="$+id:iv_portrait"
     ohos:height="30vp"
     ohos:width="30vp"
     ohos:image_src="$media:ic_portrait"
     ohos:scale_mode="inside"
     ohos:text_color="#ffffff"
     ohos:vertical_center="true"/>

 <Text
     ohos:height="match_content"
     ohos:width="match_content"
     ohos:left_margin="5vp"
     ohos:right_of="$+id:iv_portrait"
     ohos:text="RelativeLayout"
     ohos:text_color="#ffffff"
     ohos:vertical_center="true"/>
</com.flyco.roundview.RoundRelativeLayout>

Installation Instruction

Method 1: Generate har package from library and add it to lib folder.
       add following code to gradle of entry
       
       implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
       
Method 2:
    allprojects{
        repositories{
            mavenCentral()
        }
    }

    implementation 'io.openharmony.tpc.thirdlib:FlycoRoundView:1.0.1'

Attributes

name format description
rv_backgroundColor color background color
rv_backgroundPressColor color background press color
rv_cornerRadius dimension background rectangle corner radius,unit vp
rv_strokeWidth dimension background rectangle stroke width,unit vp
rv_strokeColor color background rectangle stroke color
rv_strokePressColor color background rectangle stroke press color
rv_textPressColor color text press color
rv_isRadiusHalfHeight boolean corner radius is half of height
rv_isWidthHeightEqual boolean width and height is the same size which is the max value of them
rv_cornerRadius_TL dimension corner radius top left,unit vp
rv_cornerRadius_TR dimension corner radius top right,unit vp
rv_cornerRadius_BL dimension corner radius bottom left,unit vp
rv_cornerRadius_BR dimension corner radius bottom right,unit vp
The MIT License (MIT) Copyright (c) 2015 H07000223 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Starred
3
Star
3
Fork
0

简介

A library helps openharmony built-in views easy and convenient to set round rectangle background and accordingly related shape resources can be reduced. 展开 收起
暂无标签
Java
Java
100.0%
MIT
使用 MIT 开源许可协议
取消

发行版

暂无发行版

开源评估指数源自 OSS-Compass 评估体系，评估体系围绕以下三个维度对项目展开评估：

1. 开源生态

  • 生产力：来评估开源项目输出软件制品和开源价值的能力。
  • 创新力：用于评估开源软件及其生态系统的多样化程度。
  • 稳健性：用于评估开源项目面对多变的发展环境，抵御内外干扰并自我恢复的能力。

2. 协作、人、软件

  • 协作：代表了开源开发行为中协作的程度和深度。
  • 人：观察开源项目核心人员在开源项目中的影响力，并通过第三方视角考察用户和开发者对开源项目的评价。
  • 软件：从开源项目对外输出的制品评估其价值最终落脚点。也是开源评估最“古老”的主流方向之一“开源软件” 的具体表现。

3. 评估模型

    基于“开源生态”与“协作、人、软件”的维度，找到与该目标直接或间接相关的可量化指标，对开源项目健康与生态进行量化评估，最终形成开源评估指数。

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/HarmonyOS-tpc/FlycoRoundView.git
git@gitee.com:HarmonyOS-tpc/FlycoRoundView.git
HarmonyOS-tpc
FlycoRoundView
FlycoRoundView
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
53164aa7 5694891 3bd8fe86 5694891