鸿蒙系统，鸿蒙app简易登录界面，界面开发教程

鸿蒙系统，鸿蒙app简易登录界面，界面开发教程。

// 这个是主Ability
public class MainAbilitySlice extends AbilitySlice {@Overridepublic void onStart(Intent intent) {super.onStart(intent);//将界面展示出来super.setUIContent(ResourceTable.Layout_dy_main);}}

element下string.json

{"string": [{"name": "app_name","value": "dy"},{"name": "mainability_description","value": "Java_Phone_Empty Feature Ability"},{"name": "title","value": "解析抖音地址"},{"name": "hint_text","value": "输入解析地址"},{"name": "btn_text","value": "解析:"},{"name": "input_text","value": "请输入内容"},{"name": "username","value": "输入账户："},{"name": "submit_bt","value": "点击登录"},{"name": "login_label","value": "登录"},{"name": "password","value": "输入密码："},{"name": "username_hint","value": "输入账户"},{"name": "password_hint","value": "输入密码"},{"name": "font","value": "serif"}]
}

graphic下面几个文件

background_ability_main.xml

<?xml version="1.0" encoding="UTF-8" ?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:shape="rectangle"><solidohos:color="#FF5B1414"/>
</shape>

background_button.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:shape="rectangle"><cornersohos:radius="10"/><solidohos:color="#FF0C3F67"/>
</shape>

color_cyan_element.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:shape="rectangle"><cornersohos:radius="20"/><solidohos:color="#FFFFFFFF"/>
</shape>

简易布局dy_main.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_content"ohos:width="match_parent"><!--最顶部的登录中心--><Textohos:height="match_parent"ohos:width="match_parent"ohos:bottom_margin="-250vp"ohos:text="$string:login_label"ohos:text_alignment="center"ohos:text_size="28fp"ohos:top_margin="200vp"/><!--输入账户对应栏位--><DirectionalLayoutohos:height="match_parent"ohos:width="match_parent"ohos:alignment="left"ohos:left_margin="20vp"ohos:orientation="horizontal"ohos:top_margin="260fp"><Textohos:id="$+id:username_label"ohos:height="match_parent"ohos:width="match_parent"ohos:background_element="$graphic:color_cyan_element"ohos:italic="false"ohos:text="$string:username"ohos:text_alignment="center"ohos:text_color="#FF090909"ohos:text_font="$string:font"ohos:text_size="20fp"ohos:text_weight="1"ohos:weight="1"/><TextFieldohos:id="$+id:username"ohos:height="60vp"ohos:width="match_parent"ohos:background_element="$graphic:color_cyan_element"ohos:basement="#000099"ohos:italic="false"ohos:right_margin="70vp"ohos:hint="$string:username_hint"ohos:hint_color="#FF424275"ohos:text_alignment="center"ohos:text_color="#FF090909"ohos:text_font="$string:font"ohos:text_size="20fp"ohos:text_weight="1"ohos:weight="1"/></DirectionalLayout><!--密码对应栏位--><DirectionalLayoutohos:height="match_parent"ohos:width="match_parent"ohos:alignment="left"ohos:left_margin="20vp"ohos:orientation="horizontal"ohos:top_margin="40fp"><Textohos:id="$+id:password_label"ohos:height="match_parent"ohos:width="match_parent"ohos:background_element="$graphic:color_cyan_element"ohos:italic="false"ohos:text="$string:password"ohos:text_alignment="center"ohos:text_color="#FF090909"ohos:text_font="$string:font"ohos:text_size="20fp"ohos:text_weight="1"ohos:weight="1"/><TextFieldohos:id="$+id:password"ohos:height="60vp"ohos:width="match_parent"ohos:background_element="$graphic:color_cyan_element"ohos:basement="#000099"ohos:italic="false"ohos:right_margin="70vp"ohos:hint="$string:password_hint"ohos:hint_color="#FF424275"ohos:text_alignment="center"ohos:text_color="#FF090909"ohos:text_font="$string:font"ohos:text_size="20fp"ohos:text_weight="1"ohos:weight="1"/></DirectionalLayout><!--登录按钮--><Buttonohos:id="$+id:login_submit"ohos:height="40vp"ohos:width="150vp"ohos:background_element="$graphic:background_button"ohos:layout_alignment="center"ohos:text="$string:submit_bt"ohos:text_color="#FFFFFEFE"ohos:text_size="20vp"ohos:top_margin="35vp"/>
</DirectionalLayout>

鸿蒙系统，鸿蒙app简易登录界面，界面开发教程相关推荐

基于鸿蒙系统的APP测试技术，快来入坑
说到移动端的测试,可能大家能够想到的是在Android和Ios系统下来进行,那么随着华为鸿蒙系统的广泛应用,测试的关注点也有了新的领域.据官方的数据显示,华为鸿蒙系统已经被上亿的用户所使用,而搭载鸿蒙 ...
第一批升级鸿蒙系统,鸿蒙系统公开了第一批升级名单，果粉认为不地道
鸿蒙系统鸿蒙系统对于很多人来说并不陌生,它由华为独自研发,同样也代表着中国技术能力上的提升.还记得鸿蒙系统是在去年华为开发者大会上与广大用户见面,不仅招来了很多人的目光,并且一下子将知名度提高了许多 ...
开源网盘系统推荐 - 开源云盘 - 安装及开发教程
开源网盘系统推荐 - 开源云盘 - 安装及开发教程云盘界面介绍本开源云盘致力于打造成一个优雅,好用,高效,克制的开源云盘. 在线体验 (账号demo/123456) 软件架构本开源云盘采用前后 ...
鸿蒙系统平板界面,预装鸿蒙系统，华为MatePad Pro 2界面曝光
此前,华为官方宣布将于本月正式推出正式版鸿蒙OS,并且会率先向旗舰机型推送系统更新.而近日有消息称,华为还将在本月发布MatePad Pro 2,这款产品将成为首个原生正式版鸿蒙系统的华为设备. 同时 ...
华为鸿蒙系统穿戴app,华为应该如何盘活鸿蒙系统？
原标题:华为应该如何盘活鸿蒙系统? 芯片掣肘问题使得华为消费者业务的发展备受压迫感,这一份强烈的压迫感之下,华为期盼在鸿蒙操作系统上的成功就表现的尤为强烈.在华为方舟编译器.HMS Core终端云服务 ...
没有基于鸿蒙系统的app吗,华为鸿蒙操作系统为什么没有应用到手机？
原标题:华为鸿蒙操作系统为什么没有应用到手机? 华为鸿蒙操作系统自20198月9日在东莞发布以来,已经经过了大半年的沉淀,这大半年间华为也是发布了很多新款手机,为什么就没有一款基于鸿蒙操作系统的手机 ...
鸿蒙系统原生app,鸿蒙系统第三次升级，iOSMIUI结合体吗，希望多多增加原生App...
HarmonyOS 2.0 beat3鸿蒙系统第三次升级,搜集了一下使用感受. -------------------- 最直白的自然是,安卓系统标识换成了鸿蒙系统标识.但是鸿蒙自己的开机标识真感觉没 ...
设计灵感：12个App的登录注册界面案例参考
点击上方"程序员黑叔",选择"置顶或者星标" 你的关注意义重大! 来源:Dribbble 一款 APP 的注册登陆界面就是给用户的第一印象,只有从用户场景和视角 ...
鸿蒙系统手表app,华为智能手表鸿蒙系统版本
华为智能手表鸿蒙系统版本是华为手表最新版本的系统,让每位用户轻松就可以去进行升级使用,用户任何时候都是可以直接去完成使用,尽享更多流畅的使用方式,不仅可以让自己的手表使用到最新的系统,还可以让用户得到 ...

鸿蒙系统，鸿蒙app简易登录界面，界面开发教程

鸿蒙系统，鸿蒙app简易登录界面，界面开发教程相关推荐

最新文章

热门文章