零基础开始学习鸿蒙开发-交友软件页面设计

news2025/1/27 12:40:43

目录

1.找一张网图，确定大致页面设计

2.页面布局代码详细介绍

3.完整的代码如下

4.最终的运行效果如下图所示

5.总结

1.找一张网图，确定大致页面设计

        

2.页面布局代码详细介绍

        2.1  顶部文字与搜索框布局，在顶部采用行Row组件布局，设置整行的宽度占满屏幕，使用 .justifyContent(FlexAlign.SpaceBetween)方法，使得组件之间按照一定的比例撑开到两边。具体布局代码如下：

 Row(){
          Row({space:25}){
            Text('交友').fontSize(30).fontColor(Color.White).fontWeight(FontWeight.Bolder)
            Text('电竞').fontColor(Color.White).fontWeight(FontWeight.Bolder)
          }
          Row(){
            //搜索框
            Column(){
              Search({value:this.onChangeSearchValue,placeholder:'搜一搜',controller:this.searchController}).searchButton('搜索').width('50%').height(40).placeholderFont({ size: 14, weight: 400 })
                .textFont({ size: 14, weight: 400 })
                .onSubmit((value: string) => {
                  this.onSubmitSearchValue = value
                })
                .onChange((value: string) => {
                  this.onChangeSearchValue = value
                }).placeholderColor(Color.Grey)
                .placeholderFont({ size: 12, weight: 400})
            }
           Column(){
              Image($r('app.media.activity')).width(30).height(30)
             Text('活动中心').fontSize(8).fontColor(Color.White).fontWeight(FontWeight.Bolder)
           }.justifyContent(FlexAlign.Center)
          }.margin({right:10})
          //自动向两边对齐。
        }.width('100%').justifyContent(FlexAlign.SpaceBetween)

        2.2  中间的卡片布局，我是使用Column+背景图片自己进行绘制的(如果有更好的方法，可以使用其他方法)，代码详情如下:

  Row(){
          Column(){
            Text('玩伴匹配').fontColor(Color.White).fontSize(25)
            Text('5秒速配游戏CP').fontColor(Color.White).fontSize(8)
          }.backgroundImage($r('app.media.playFriend')).width(180).height(90).borderRadius(20)
          Column(){
            Text('纸飞机').fontColor(Color.White).fontSize(25)
            Text('一键群发 温暖开聊').fontColor(Color.White).fontSize(8)
          }.backgroundImage($r('app.media.fly')).width(180).height(90).borderRadius(20)
        }.width('100%').height(50).justifyContent(FlexAlign.SpaceBetween).margin({left:20})
        //间隔
        Row(){

        }.width('100%').height(50)
        Row({space:30}){
          Column(){
            Text('赏金赛').fontColor(Color.White).fontSize(25)
            Text('淘汰1人得3元').fontColor('#ffb5480c').fontSize(12)
          }.height(90).width(120).backgroundImage($r('app.media.prize')).justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Center).borderRadius(30)
          Column(){
            Text('钻石工厂').fontColor(Color.White)
            Text('淘汰1人得3元').fontColor('#ffb5480c').fontSize(12)
          }.height(90).width(120).backgroundImage($r('app.media.zhuanshi')).justifyContent(FlexAlign.Center).borderRadius(30)
          Column(){
            Text('解忧罐子').fontColor(Color.White)
            Text('治愈小情绪').fontColor('#ffb5480c').fontSize(12)
          }.height(90).width(120).backgroundImage($r('app.media.guanzi')).justifyContent(FlexAlign.Center).borderRadius(30)
        }.justifyContent(FlexAlign.SpaceBetween).width('100%').margin({left:30,right:30}).height(80)

        2.3  交友资料介绍卡片，我是采用Column，进行绘制的，具体代码如下：

 Row(){
           Column(){
             Row(){
               Column(){
                Image($r('app.media.avator')).borderRadius(50)
               }.width(80).height(80)
               Column(){
                 Text('乐乐林话多技术').fontSize(20)
                Column(){
                  Grid(){
                    GridItem(){
                      Column(){
                       Row(){
                         Text('.').fontSize(10).fontColor("#ff2ea022")
                         Text('在线').fontSize(10).fontColor("#ff2ea022")
                       }.justifyContent(FlexAlign.Center)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Row(){
                          Image($r('app.media.gps')).width(8).height(8)
                          Text('同城').fontSize(10).fontColor(Color.Gray)
                        }.justifyContent(FlexAlign.Center)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('天秤座').fontSize(10).fontColor(Color.Gray)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('软萌妹子').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('人皮话多').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('王者荣耀').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('和平精英').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('滑雪').fontSize(10).fontColor(Color.Gray)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('猫猫奴').fontSize(10).fontColor(Color.Gray)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                  }.rowsTemplate('1fr 1fr ')
                  .columnsTemplate('1fr 1fr 1fr 1fr 1fr')
                }.width(250).height(50)
                 Text('爱情经不起等待 游戏选我就现在').fontColor(Color.Gray).fontSize(15)
                 Image($r('app.media.beauty')).width(70).height(58)
               }
               Column(){
                 Text('Hi').fontColor(Color.White)
               }.backgroundColor('#ff0c548c').borderRadius({topLeft:5,topRight:5}).width(30).height(20)
             }.justifyContent(FlexAlign.SpaceBetween).width('95%').margin({left:10,right:10})
           }.backgroundColor(Color.White).width('95%').height(150).borderRadius({topLeft:30,bottomRight:30,bottomLeft:15,topRight:15})
        }.width('100%').margin({left:20}).justifyContent(FlexAlign.SpaceBetween).alignItems(VerticalAlign.Top)

        2.4 最后布局的是Tabs导航栏设置，前一篇文章有介绍，这里就不详细介绍了，具体代码如下:

 Row(){
          Column(){
            Tabs(){
              TabContent(){
                Text('比心')
              }.tabBar(this.tabBuilder('比心',0,$r('app.media.normalHeart'),$r('app.media.selectedHeart')));
              TabContent(){
                Text('娱乐')
              }.tabBar(this.tabBuilder('娱乐',1,$r('app.media.normalAmuse'),$r('app.media.selectedAmuse')));
              TabContent(){
                Text('广场')
              }.tabBar(this.tabBuilder('广场',2,$r('app.media.normalSquare'),$r('app.media.selectedSqare')));
              TabContent(){
                Text('聊天')
              }.tabBar(this.tabBuilder('聊天',3,$r('app.media.normalChat'),$r('app.media.selectedChat')));
              TabContent(){
                Text('我的')
              }.tabBar(this.tabBuilder('我的',4,$r('app.media.normalMe'),$r('app.media.selectedMe')));
            }.width('100%').onChange((index:number)=>{
              this.currentIndex = index;
            })
          }
        }

3.完整的代码如下

import { Font } from '@ohos.arkui.UIContext'

@Entry
@Component
struct Index {
  //搜索框改变值
  @State onChangeSearchValue:string ="";
  //搜索框提交值
  @State onSubmitSearchValue:string ="";
  //坐标信息
  @State positionInfo: CaretOffset = { index: 0, x: 0, y: 0 }
  //搜索框控制器
  searchController: SearchController = new SearchController()

  //定义当前的索引
  @State currentIndex :number =0;
  //自定义构建tab
  @Builder tabBuilder(title:string,targetIndex:number,normalImg:Resource,selectdImg:Resource){
    Column(){
      Image(this.currentIndex === targetIndex ? selectdImg : normalImg)
        .size({ width: 25, height: 25 })
      Text(title).fontColor(this.currentIndex===targetIndex?'#ff49d0e2':Color.Gray);
    }.width('100%').height(50).justifyContent(FlexAlign.Center)
  }

  build() {
    Row() {
      Column() {
        Row(){
          Row({space:25}){
            Text('交友').fontSize(30).fontColor(Color.White).fontWeight(FontWeight.Bolder)
            Text('电竞').fontColor(Color.White).fontWeight(FontWeight.Bolder)
          }
          Row(){
            //搜索框
            Column(){
              Search({value:this.onChangeSearchValue,placeholder:'搜一搜',controller:this.searchController}).searchButton('搜索').width('50%').height(40).placeholderFont({ size: 14, weight: 400 })
                .textFont({ size: 14, weight: 400 })
                .onSubmit((value: string) => {
                  this.onSubmitSearchValue = value
                })
                .onChange((value: string) => {
                  this.onChangeSearchValue = value
                }).placeholderColor(Color.Grey)
                .placeholderFont({ size: 12, weight: 400})
            }
           Column(){
              Image($r('app.media.activity')).width(30).height(30)
             Text('活动中心').fontSize(8).fontColor(Color.White).fontWeight(FontWeight.Bolder)
           }.justifyContent(FlexAlign.Center)
          }.margin({right:10})
          //自动向两边对齐。
        }.width('100%').justifyContent(FlexAlign.SpaceBetween)
        //间隔
        Row(){

        }.width('100%').height(50)
        Row(){
          Column(){
            Text('玩伴匹配').fontColor(Color.White).fontSize(25)
            Text('5秒速配游戏CP').fontColor(Color.White).fontSize(8)
          }.backgroundImage($r('app.media.playFriend')).width(180).height(90).borderRadius(20)
          Column(){
            Text('纸飞机').fontColor(Color.White).fontSize(25)
            Text('一键群发 温暖开聊').fontColor(Color.White).fontSize(8)
          }.backgroundImage($r('app.media.fly')).width(180).height(90).borderRadius(20)
        }.width('100%').height(50).justifyContent(FlexAlign.SpaceBetween).margin({left:20})
        //间隔
        Row(){

        }.width('100%').height(50)
        Row({space:30}){
          Column(){
            Text('赏金赛').fontColor(Color.White).fontSize(25)
            Text('淘汰1人得3元').fontColor('#ffb5480c').fontSize(12)
          }.height(90).width(120).backgroundImage($r('app.media.prize')).justifyContent(FlexAlign.Center).alignItems(HorizontalAlign.Center).borderRadius(30)
          Column(){
            Text('钻石工厂').fontColor(Color.White)
            Text('淘汰1人得3元').fontColor('#ffb5480c').fontSize(12)
          }.height(90).width(120).backgroundImage($r('app.media.zhuanshi')).justifyContent(FlexAlign.Center).borderRadius(30)
          Column(){
            Text('解忧罐子').fontColor(Color.White)
            Text('治愈小情绪').fontColor('#ffb5480c').fontSize(12)
          }.height(90).width(120).backgroundImage($r('app.media.guanzi')).justifyContent(FlexAlign.Center).borderRadius(30)
        }.justifyContent(FlexAlign.SpaceBetween).width('100%').margin({left:30,right:30}).height(80)
        //间隔
        Row(){
        }.width('100%').height(10)
        Row(){
         Text('一起玩').fontColor(Color.Black).fontSize(30).fontStyle(FontStyle.Italic)
        Row(){
          Text('+').fontSize(25).fontColor('#ff1a92d2')
          Text('创建房间').fontColor('#ff1a92d2')
        }.justifyContent(FlexAlign.End)
        }.width('100%').height(70).justifyContent(FlexAlign.SpaceBetween).margin({left:10,right:10})
        Row(){

        }.width('100%').height(20)

        Row(){
         Column(){
           Text('闲聊扩列').fontColor(Color.Gray)
         }.backgroundImage($r('app.media.chitchat')).height(60).justifyContent(FlexAlign.Center).backgroundImageSize(ImageSize.Cover).borderRadius(5)
          Column(){
            Text('-起嗨歌').fontColor(Color.Gray)
          }.backgroundImage($r('app.media.singing')).width(70).height(60).justifyContent(FlexAlign.Center).backgroundImageSize(ImageSize.Cover).borderRadius(5)
          Column(){
            Text('CP真心话').fontColor(Color.Gray)
          }.backgroundImage($r('app.media.realChat')).width(70).height(60).justifyContent(FlexAlign.Center).backgroundImageSize(ImageSize.Cover).borderRadius(5)
          Column(){
            Text('海龟汤').fontColor(Color.Gray)
          }.backgroundImage($r('app.media.haigui')).width(70).height(60).justifyContent(FlexAlign.Center).backgroundImageSize(ImageSize.Cover).borderRadius(5)
          Column(){
            Text('你画我猜').fontColor(Color.Gray)
          }.backgroundImage($r('app.media.draw')).width(70).height(60).justifyContent(FlexAlign.Center).backgroundImageSize(ImageSize.Cover).borderRadius(5)
        }.width('100%').height(100).justifyContent(FlexAlign.SpaceBetween).margin({left:20,right:20})

        //找她玩
      Row(){

      }.height(20)
       Row(){
         Text('找ta玩').fontColor(Color.Black).fontSize(30).fontStyle(FontStyle.Italic)
       }.width('100%')
        Row(){
           Column(){
             Row(){
               Column(){
                Image($r('app.media.avator')).borderRadius(50)
               }.width(80).height(80)
               Column(){
                 Text('乐乐林话多技术').fontSize(20)
                Column(){
                  Grid(){
                    GridItem(){
                      Column(){
                       Row(){
                         Text('.').fontSize(10).fontColor("#ff2ea022")
                         Text('在线').fontSize(10).fontColor("#ff2ea022")
                       }.justifyContent(FlexAlign.Center)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Row(){
                          Image($r('app.media.gps')).width(8).height(8)
                          Text('同城').fontSize(10).fontColor(Color.Gray)
                        }.justifyContent(FlexAlign.Center)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('天秤座').fontSize(10).fontColor(Color.Gray)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('软萌妹子').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('人皮话多').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('王者荣耀').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('和平精英').fontSize(10).fontColor(Color.Gray)
                      }.width(40).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('滑雪').fontSize(10).fontColor(Color.Gray)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                    GridItem(){
                      Column(){
                        Text('猫猫奴').fontSize(10).fontColor(Color.Gray)
                      }.width(30).height(20).backgroundColor('#ffd6d6d5').justifyContent(FlexAlign.Center).borderRadius(7)
                    }
                  }.rowsTemplate('1fr 1fr ')
                  .columnsTemplate('1fr 1fr 1fr 1fr 1fr')
                }.width(250).height(50)
                 Text('爱情经不起等待 游戏选我就现在').fontColor(Color.Gray).fontSize(15)
                 Image($r('app.media.beauty')).width(70).height(58)
               }
               Column(){
                 Text('Hi').fontColor(Color.White)
               }.backgroundColor('#ff0c548c').borderRadius({topLeft:5,topRight:5}).width(30).height(20)
             }.justifyContent(FlexAlign.SpaceBetween).width('95%').margin({left:10,right:10})
           }.backgroundColor(Color.White).width('95%').height(150).borderRadius({topLeft:30,bottomRight:30,bottomLeft:15,topRight:15})
        }.width('100%').margin({left:20}).justifyContent(FlexAlign.SpaceBetween).alignItems(VerticalAlign.Top)

        Row(){
          Column(){
            Tabs(){
              TabContent(){
                Text('比心')
              }.tabBar(this.tabBuilder('比心',0,$r('app.media.normalHeart'),$r('app.media.selectedHeart')));
              TabContent(){
                Text('娱乐')
              }.tabBar(this.tabBuilder('娱乐',1,$r('app.media.normalAmuse'),$r('app.media.selectedAmuse')));
              TabContent(){
                Text('广场')
              }.tabBar(this.tabBuilder('广场',2,$r('app.media.normalSquare'),$r('app.media.selectedSqare')));
              TabContent(){
                Text('聊天')
              }.tabBar(this.tabBuilder('聊天',3,$r('app.media.normalChat'),$r('app.media.selectedChat')));
              TabContent(){
                Text('我的')
              }.tabBar(this.tabBuilder('我的',4,$r('app.media.normalMe'),$r('app.media.selectedMe')));
            }.width('100%').onChange((index:number)=>{
              this.currentIndex = index;
            })
          }
        }

      }.backgroundImage($r('app.media.backgroundImage')).width('100%').height('100%')
      .backgroundImageSize({width:'100%',height:'100%'})
    }
    .height('100%')
  }
}

4.最终的运行效果如下图所示

5.总结

        初学者，页面的设计可能没那么好看，有错误的地方，欢迎各位博友批评和指正，我会不断的努力和改善，成为一个合格的鸿蒙开发者，每一份努力都值得被尊敬，你们的点赞和收藏是我前进的动力。谢谢!

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2262016.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

大数据之Hbase环境安装

大数据之Hbase环境安装

Hbase软件版本下载地址： http://mirror.bit.edu.cn/apache/hbase/ 1. 集群环境 Master 172.16.11.97 Slave1 172.16.11.98 Slave2 172.16.11.99 2. 下载软件包 #Master wget http://archive.apache.org/dist/hbase/0.98.24/hbase-0.98.24-hadoop1-bin.tar.gz…
阅读更多...
【Java服务端开发】深入理解Java中的Server 层的详细分析

【Java服务端开发】深入理解Java中的Server 层的详细分析

目录 1. 什么是服务端（Server）层？ 2. 设计 Server 层的基本原则 2.1 单一职责原则 2.2 面向接口编程 2.3 事务管理 3. 基于 Spring 的 Server 层实现 3.1 示例：创建一个简单的订单服务 3.2 编写 OrderService 3.3 编写 O…
阅读更多...
JAVA：代理模式（Proxy Pattern）的技术指南

JAVA：代理模式（Proxy Pattern）的技术指南

1、简述 代理模式（Proxy Pattern）是一种结构型设计模式，用于为其他对象提供一种代理，以控制对这个对象的访问。通过代理模式，我们可以在不修改目标对象代码的情况下扩展功能，满足特定的需求。 设计模式样例：https://gitee.com/lhdxhl/design-pattern-example.git 2、什…
阅读更多...
XXE练习

XXE练习

pikachu-XXE靶场 1.POC:攻击测试 <?xml version"1.0"?> <!DOCTYPE foo [ <!ENTITY xxe "a">]> <foo>&xxe;</foo> 2.EXP:查看文件 <?xml version"1.0"?> <!DOCTYPE foo [ <!ENTITY xxe SY…
阅读更多...
Leetcode打卡：形成目标字符串需要的最少字符串数II

Leetcode打卡：形成目标字符串需要的最少字符串数II

执行结果&#xff1a;通过 题目&#xff1a;3292 形成目标字符串需要的最少字符串数II 给你一个字符串数组 words 和一个字符串 target。 如果字符串 x 是 words 中 任意 字符串的 前缀 &#xff0c;则认为 x 是一个 有效 字符串。 现计划通过 连接 有效字符串形成 targ…
阅读更多...
【蓝桥杯】49362.《视频相关度计算》

【蓝桥杯】49362.《视频相关度计算》

视频相关性计算 问题描述 小蓝作为异世界最大流媒体网站 LanTube 的高级算法工程师&#xff0c;他想要实现更加精准的视频推荐服务来满足用户的喜好。 其中&#xff0c;**“视频的相关性”**是一个重要指标&#xff0c;它代表了两个视频 A 到 B 的关联程度&#xff0c;记作 f…
阅读更多...
ASP.NET｜日常开发中数据集合详解

ASP.NET｜日常开发中数据集合详解

ASP.NET&#xff5c;日常开发中数据集合详解 前言一、数组&#xff08;Array&#xff09;1.1 定义和基本概念1.2 数组的操作 二、列表&#xff08;List<T>&#xff09;2.1 特点和优势2.2 常用操作 三、字典&#xff08;Dictionary<K, V>&#xff09;3.1 概念和用途…
阅读更多...
如何将多张图片合并为一个pdf？多张图片合并成一个PDF文件的方法

如何将多张图片合并为一个pdf？多张图片合并成一个PDF文件的方法

如何将多张图片合并为一个pdf&#xff1f;当我们需要将多张图片合并为一个PDF文件时&#xff0c;通常是因为我们希望将这些图片整理成一个统一的文档&#xff0c;方便查看、分享或打印。无论是工作中需要提交的报告、学生们需要整理的作业&#xff0c;还是个人收藏的照片、旅行…
阅读更多...
【html网页页面013】html+css制作节日主题圣诞节网页含视频、留言表单（独创首发-5页面附效果及源码）

【html网页页面013】html+css制作节日主题圣诞节网页含视频、留言表单（独创首发-5页面附效果及源码）

节日主题圣诞节网页制作 &#x1f964;1、写在前面&#x1f367;2、涉及知识&#x1f333;3、网页效果完整效果(5页)&#xff1a;代码目录结构&#xff1a;page1、首页page2、庆祝page3、影响page4、起源page5、留言板 &#x1f308;4、网页源码4.1 html4.2 CSS4.3 源码获取圣诞…
阅读更多...
直播预告 | 蓝卓生态说，解锁supOS在化工领域的无限可能

直播预告 | 蓝卓生态说，解锁supOS在化工领域的无限可能

生态是蓝卓生命力的体现&#xff0c;为全方位赋能生态伙伴使用supOS并从中获益&#xff0c;蓝卓打造生态说系列栏目&#xff0c;通过生态沙龙、直播对话、案例剖析、产品解读等&#xff0c;持续展现“12N”的智能工厂创新路径&#xff0c;加速推进工业数字化转型。 嘉宾介绍 朱…
阅读更多...
java对子网掩码的转换

java对子网掩码的转换

一般的子网掩码展示为点分十进制形式&#xff0c;如&#xff1a;255.255.255.0&#xff0c;但有时因为业务需要&#xff0c;我们需要转换成对应的数字&#xff0c;以及数字转成点分十进制&#xff0c;所以整理了java的方法可以进行两者的互相转换 1、点分十进制转数字 public…
阅读更多...
亚马逊-用表格创建多变体商品

亚马逊-用表格创建多变体商品

引言 当我们使用“月亮树选品软件”找到一款不错的产品时&#xff0c;我们会延续这个产品的优点&#xff0c;并对其进行改良。改良之后&#xff0c;我们需要将产品上架到亚马逊平台&#xff0c;以测试这个产品的市场表现。然而&#xff0c;许多亚马逊卖家觉得上传多变体商品这…
阅读更多...
使用C#在目录层次结构中搜索文件以查找目标字符串

使用C#在目录层次结构中搜索文件以查找目标字符串

例程以递归方式搜索目录层次结构中的文件以查找目标字符串。它可以搜索几乎任何类型的文件&#xff0c;即使它不包含 Windows 理解的文本。例如&#xff0c;它可以搜索 DLL 和可执行文件以查看它们是否恰好包含字符串。 下面的代码中显示的ListFiles 方法完成了大部分工作。 …
阅读更多...
【深度学习总结】使用PDF构建RAG：结合Langchain和通义千问

【深度学习总结】使用PDF构建RAG：结合Langchain和通义千问

【深度学习总结】使用PDF构建RAG&#xff1a;结合Langchain和通义千问 使用平台&#xff1a;趋动云&#xff0c;注册送算力 前言 在大型语言模型&#xff08;LLMs&#xff09;应用领域&#xff0c;我们面临着大量挑战&#xff0c;从特定领域知识的匮乏到信息准确性的窘境&am…
阅读更多...
P8772 [蓝桥杯 2022 省 A] 求和

P8772 [蓝桥杯 2022 省 A] 求和

题目描述&#xff1a; 解题思路&#xff1a; 首先这题我们可以直接用两个for循环嵌套来控制两个变量来求值&#xff0c;但是这样做时间复杂度高。这里我们用到了一个前缀和差的方法。通过for循环变量第一个变量&#xff0c;用和差的方法的到第二个量&#xff0c;这样就只用了一…
阅读更多...
Flux Tools 结构简析

Flux Tools 结构简析

Flux Tools 结构简析 BFL 这次一共发布了 Canny、Depth、Redux、Fill 四个 Tools 模型系列&#xff0c;分别对应我们熟悉的 ControlNets、Image Variation&#xff08;IP Adapter&#xff09;和 Inpainting 三种图片条件控制方法。虽然实现功能是相同的&#xff0c;但是其具体…
阅读更多...
什么是芯片电阻

什么是芯片电阻

有人把Chip Resistor翻译成“芯片电阻”&#xff0c;我觉得翻译成“贴片电阻”或“片状电阻”更合适。有些厂商也称之为”电阻片”&#xff0c;英文写作Resistor Chip。比如&#xff1a;Thick film resistor chips&#xff08;厚膜电阻片&#xff09;、Thin film resistor chip…
阅读更多...
【Linux】深入理解进程信号机制：信号的产生、捕获与阻塞

【Linux】深入理解进程信号机制：信号的产生、捕获与阻塞

&#x1f3ac; 个人主页&#xff1a;谁在夜里看海. &#x1f4d6; 个人专栏&#xff1a;《C系列》《Linux系列》《算法系列》 ⛰️ 时间不语&#xff0c;却回答了所有问题 目录 &#x1f4da;前言 &#x1f4da;一、信号的本质 &#x1f4d6;1.异步通信 &#x1f4d6;2.信…
阅读更多...
模具生产过程中的标签使用流程图

模具生产过程中的标签使用流程图

①NFC芯片嵌入周转筐&#xff0c;通过读卡器读取CK_Label_v3的数据&#xff0c;并将这些信息上传至服务器进行存储&#xff1b; ②服务器随后与客户的WMS&#xff08;仓库管理系统&#xff09;进行交互&#xff0c;记录和同步注塑机的原始数据&#xff1b; ③当周转筐内的模具…
阅读更多...
【AIGC安全】CCF-CV企业交流会直播回顾：探寻AI安全治理，共筑可信AI未来

【AIGC安全】CCF-CV企业交流会直播回顾：探寻AI安全治理，共筑可信AI未来

文章目录 一、活动背景&#xff1a;AI技术快速发展与安全治理需求迫切二、论坛内容金耀辉&#xff1a;智能共生时代&#xff1a;平衡生成式AI的创新与风险何延哲&#xff1a;人工智能安全检测评估的逻辑和要点谢洪涛&#xff1a;面向特定人物深度伪造视频的主动防御与被动检测技…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023