- 博客(21)
- 收藏
- 关注
RSS订阅原创 鸿蒙开发【闹钟】实操步骤
导入相应的图片，为其设置属性，一定要给Column布局组件设置相应的高度，以及背景颜色，若不设置高度我们写的内容则不会按照我们想要的从上往下排版。设置自定义tab标签的内容属性，以及点击事件，为其设置标签的位置处于底部标签并且导入相应的图片。由上图可见，我们需要为其设置属性，让文本内容和开关按钮在两边。的对齐方式，设定显示在底部或中间等，默认为底部显示。添加文本内容，并且设置相应的点击事件。的页面，并且利用export 导出。设置点击开关按钮，显示弹窗提示。闹钟里面的内容，在其页面布局。
2024-06-11 10:42:32
794
原创 鸿蒙开发【页面路由跳转】绘制页面
此处所需要的图片很少只需要利用Image组件按照顺序直接排版即可。直接加上export导出，在主页面的标签里面调用即可。Divider 水平分割线，让整体布局更加美观。你可能错过了他们的微博，快来看看吧。新建一个pages页面命名为。我经常访问的人（仅自己可见）给关注的人标签里添加内容。，在添加相应的内容布局。设置分割线为垂直方向，
2024-06-07 16:04:34
524
原创 鸿蒙开发【页面路由跳转】接微博页面添加点击事件
回到MicrBlogPage页面添加点击事件。给下面的图标添加点击事件实现页面跳转。天，恢复连续签到，可多赚。天，恢复连续签到，可多赚。均先给两个页面添加导包。
2024-05-30 16:34:45
744
原创 鸿蒙开发【实现页面路由跳转】接上一个微博页面
代码示例：@Statemessagestring记录我的日常@Statenamestring用户@Statetitlestring随时随地记录生活classheadweekendstringnumstringweekendstringnumstringthisweekendweekendthisnumnum@ProvideclenderArrayhead> =newhead周日'5'newhead。
2024-05-29 14:53:03
839
原创 鸿蒙开发【微博首页】实操
classSelMeanuimagenamestringimagenamestringthisimageimagethisnamename//菜单privateMenuArraySelMeanu>=newSelMeanu$r写微博newSelMeanu$r图片newSelMeanu$r视频newSelMeanu$r点评newSelMeanu$r直播//菜单自定义组件@Builder。
2024-05-23 11:08:44
679
原创 鸿蒙开发【小鱼案例】实操
在小鱼图片属性下使用animation添加动画播放时长500ms，然后对左箭头的方向设置镜像图片。同样的利用Row容器布局，在分别添加左箭头，右箭头，利用Column容器添加上箭头，以及下箭头按钮。如下图所示，利用动画组件在点击箭头按钮时，让小鱼能够动起来。要让鱼向左，那就用水平移动，向左变小，向右变大。要让鱼向右，那就用水平移动，向左变小，向右变大。要让鱼向上，那就用垂直移动，向上变小，向下变大。要让鱼向下，那就用垂直移动，向上变小，向下变大。入场，一开始是透明的，慢慢变得不透明。设置点击事件改变坐标。
2024-04-25 16:56:53
742
原创 鸿蒙开发【任务案例】详细实操
以上的代码传递变量参数会显示报错，面对这样的情况时，我们需要再次回到子组件里面，因为父组件定义了@State ，所以在子组件里面组需要删除@state所定义的变量。@Observed@ObjectLink可实现嵌套类数据修改的双向同步，案例较为简单，大家可以修改Task类，进行类的嵌套，进一步查看效果。在基本样式下将我们之前写的代码关于任务进度卡片的代码直接复制过来，直接复制过来会报错，是因为我们也需要在子组件里面定义变量。向左滑动添加按钮，早按钮里面添加Image组件，为其设置属性，以及设置按钮的样式。
2024-04-24 14:16:48
1103
原创 鸿蒙开发【商城列表案例】详细实操
目前商城界面已经支持滑动了，但是最下面的图片还不能完全展示出来，我们需要用.layoutWeight属性设置权重。在Row容器从左到右依次部署Image组件、Column组件，传入数据，并调整Image和Text组件大小。设置容器的间距，以及组件颜色，对容器设置宽度大小，背景颜色，以及字体颜色等。的宽度和高度，以及圆角边框大小，背景颜色。的宽度和高度，以及圆角边框大小，背景颜色。的宽度和高度，以及圆角边框大小，背景颜色。的宽度和高度，以及圆角边框大小，背景颜色。键值生成规则 重复渲染 设置唯一标识。
2024-04-20 20:05:43
1060
3
原创 更加详细图片【收缩】实操案例
当我们需要绘制某个页面时，我们一定要整体布局，有个大概的整体构思，关于以上这个页面，我主要划分为五个板块。：Flex主轴方向均匀分配弹性元素，相邻元素之间距离相同。第一个元素与行首对齐，最后一个元素与行尾对齐。true：垂直分割线。在这里我们需要回到在ImagePage的方法中设置图片的宽度才可以使用this调用。很清楚的知道，这是一个水平分隔线。表示组件中的状态变量，状态变量变化会触发UI刷新。添加完组件事件，即可实现我们想要的点击效果图了。添加图片的路径：在自己对应的路径下引入图片。
2024-04-20 19:55:17
946
原创 利用CSS实现【水平居中和垂直居中】的方法
使用该方法实现垂直居中的原理和上面所讲的水平居中类似，简而言之就是，先让元素向下移动父元素的50%，在向上移动自身的50%，从而移动到了父元素垂直方向的中间位置。(2) flex布局中，通过设置侧轴上子元素排列方式为center，可以实现将元素水平居中，适用于所有类型的元素。（1）flex布局中，通过设置侧轴上子元素排列方式为center，可以实现将元素垂直居中，适用于所有类型的元素。对文本元素设置水平居中。/*设置侧轴上，子元素的排列方式为居中对齐*//*设置侧轴上，子元素的排列方式为居中对齐*/
2024-04-15 14:34:06
913
原创 鸿蒙开发 【图片收缩】绘制页面
Flex主轴方向均匀分配弹性元素，相邻子组件之间距离相同。第一个子组件到主轴起始端的距离和最后一个子组件到主轴终点端的距离是相邻元素之间距离的一半。：Flex主轴方向元素等间距布局，相邻子组件之间的间距、第一个子组件与主轴起始端的间距、最后一个子组件到主轴终点端的间距均相等。（默认值）：子组件在主轴方向起始端对齐， 第一个子组件与父元素边沿对齐，其他元素与前一个元素对齐。true：垂直分割线。默认值：false。：子组件在主轴方向终点端对齐, 最后一个子组件与父元素边沿对齐，其他元素与后一个元素对齐。
2024-04-11 14:01:49
994
原创 正式进入鸿蒙基础学习
一、鸿蒙HarmonyOS开发工具安装使用指南什么是鸿蒙Harmony OS？华为鸿蒙系统（HUAWEI Harmony OS），是华为公司在2019年8月9日于东莞举行的华为开发者大会（HDC.2019）上正式发布的分布式操作系统。华为鸿蒙系统是一款全新的面向全场景的分布式操作系统，创造一个超级虚拟终端互联的世界，将人、设备、场景有机地联系在一起，将消费者在全场景生活中接触的多种智能终端，实现极速发现、极速连接、硬件互助、资源共享，用合适的设备提供场景体验。1.
2024-04-02 20:44:50
830
原创 做一个淘宝轮播图案例
首先我需要点进官网，选中图片保存，在我们的编码器中建一个文件夹，命名为。tb.jpg，命名原理同上，自己能找到即可。加了绝对定位的盒子可以直接设置宽度和高度 */加了绝对定位的盒子可以直接设置宽度和高度 */或其他你自己容易记住的名字。绝对定位的盒子垂直居中 */绝对定位的盒子垂直居中 */不要忘记选择器权重问题 */
2024-03-30 08:47:58
859
原创 ES6中的箭头函数基础知识
this 确实会带来一些问题，比如下面的内部函数中的 this 和外面的 this 分别指向不同的对象。箭头函数ES6中的函数定义不再使用关键字，function(),而是利用了()=>来进行定义。也就是说，在箭头函数内调用的 arguments 对象并不是箭头函数自身的，而是外层函数的。箭头函数ES6 中函数定义不再使用关键字function，而是利用了（）=>来进行定义。在箭头函数出现之前，每个新定义的函数都有它自己的 this 值。(参数1, 参数2, ...rest) => {函数体}
2024-03-29 15:38:48
815
原创 javaScript基础简要概括知识
JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript 很容易学习。JavaScript用法HTML 中的 Javascript 脚本代码必须位于与标签之间。Javascript 脚本代码可被放置在 HTML 页面的和部分中。组成：ECMAScript 、WebApls（包括DOM和BOM）DOM指页面文档对象 ，BOM指浏览器对象模型。
2024-03-28 13:12:07
724
原创 CSS3 浮动、定位、动画
①子级绝对定位,不会占有位置,可以放到父盒子里面的任何一个地方,不会影响其他的兄弟盒子.。②若有定位,则以父元素为准定位.祖先,父都有定位,则以最近一级为准点。①若没有祖先,父无素没有定位,则以浏览器为准定位。②父盒子布局时,需要占有位置,因此父亲只能 特。若想要所有的属性都变化过渡,写一个all就可以.②女盒子需要加定位限制子盒子在父盒子内显示.子级是绝对定位的话,父级就要用相对定位。隐藏元素后,继续占有原来的位置.绝对定位不再占有原先的位置.选择器{z-index：1；perspective 透视。
2024-03-25 19:05:35
700
1
原创 元素显示模式侧边栏代码案例
把链接a转换为块级元素，这样就也可以单独在一行了，并且可以设置宽度和高度 */鼠标经过链接变换背景颜色 */侧边栏</title>手机 电话卡</a>笔记本 电脑</a>智能 路由器</a>
2024-03-22 15:29:02
243
原创 CSS入门概述基础知识
标签指定式选择器又称交集选择器，由2个选择器构成，其中第一个为标记选择器，第二个为类选择器或者id选择器，2个选择器之间不能有空格。class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。标记选择器是指用HTML标记名称作为选择器，为页面中某一类标记对应的元素指定统一的CSS样式。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。是各个选择器通过英文逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。
2024-03-15 15:46:34
790
原创 HTML5的基础知识学习
HTML5的学习什么是HTML5?HTML5是下一代 HTML 标准。的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。HTML简单易学。HTML5的优势解决了跨越浏览器，跨平台问题。使用了更明确的标签。增强了web的应用。HTML5多媒体使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio)。HTML5HTML5HTML5应用。
2024-03-14 14:44:42
936
原创 HTML基础知识简要概括
表单是一个包含表单元素的区域。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。暂时没有确定链接目标时，通常将<a>标记的href属性值定义为“#”（即href=“#”），表示该链接暂时为空链接。：指的是 HTTP POST 方法，表单数据会包含在表单体内然后发送给服务器，用于提交敏感数据，如用户名与密码等。：指定链接目标的URL，这是链接的最重要属性。不仅可以在文本中创建超链接，还可以在各种网页元素（如图像，音频，视频等）中添加超链接。
2024-03-13 16:18:40
860
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人