HarmonyNext当自定义Dialog有TextInput输入框组件时，弹出软键盘时，dialog布局与软键盘之间有16vp间隙，如何解决,正宗方案

已于 2025-02-08 18:35:12 修改
阅读量533 收藏 1
点赞数 4
分类专栏： HarmonyNext 文章标签： harmonyos
于 2025-02-08 14:36:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_21937107/article/details/145515072
版权
网上的解决方案都是在Dialog组件的根容器中设置偏移量.offset({x:0,y:16}) 大概这种的，这种垃圾解决方式最不可靠，倘若dialog输入框时根据状态变量动态显示的话，即使设置了也没有用

正宗解决方案

首先自定义dialog 三个地方需要注意

1、customStyle 设置为true 2、offset重置为0
3、不启用默认键盘 keyboardAvoidMode: KeyboardAvoidMode.NONE,
private dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomBottomDialog({
      keywords: this.keywords,
      searchType: this.searchType,
    }),
    alignment: DialogAlignment.Bottom,
    offset: { dx: 0, dy: 0 },
    customStyle: true,
    maskColor: 'rgba(0, 0, 0, 0.5)',
    keyboardAvoidMode: KeyboardAvoidMode.NONE,
    onWillDismiss: () => {
      return false
    }
  })
然后在@CustomDialog装饰器装饰的组件 aboutToAppear中监听键盘显示与隐藏变化，获取键盘高度

在这里插入图片描述

 async aboutToAppear() {
    this.fetchDistributeCommentData();

    window.getLastWindow(getContext(this)).then(currentWindow => {
      // 设置窗口的布局为沉浸式布局
      currentWindow.setWindowLayoutFullScreen(true);
      let property = currentWindow.getWindowProperties();
      // 初始化窗口高度
      let avoidArea = currentWindow.getWindowAvoidArea(window.AvoidAreaType.TYPE_KEYBOARD);
      this.scrollHeight = px2vp(property.windowRect.height - avoidArea.bottomRect.height);
      // 监听软键盘的隐藏和显示
      currentWindow.on('avoidAreaChange', data => {
        if (data.type == window.AvoidAreaType.TYPE_KEYBOARD) {
          this.keyHeight = px2vp(data.area.bottomRect.height);
          this.scrollHeight =
            px2vp(currentWindow.getWindowProperties().windowRect.height - data.area.bottomRect.height);
          this.autoHeight = 250;
          // this.scroller.scrollEdge(Edge.Bottom)
          this.scroller.scrollTo({
            xOffset: 0,
            yOffset: 250
          })
          return;
        }
        this.autoHeight = 'auto';
      })
    })
  }
紧接着设置根容器Colum(){}. margin({ bottom:this.keyHeight})
 build() {
    Column() {
      Flex({
        direction: FlexDirection.Row,
        alignItems: ItemAlign.Center,
        justifyContent: FlexAlign.SpaceBetween
      }) {
        Row()
        Text(this.moduleName)
          .fontSize(18)
          .fontWeight(FontWeight.Bold)
          .fontColor($r('app.color.color_1B1E2E'))
        Image($r('app.media.gtui_nav_icon_close'))
          .width(24)
          .height(24)
          .onClick(() => {
            this.dialogController?.close();
          })
      }.padding({
        left: 16,
        right: 16
      })
      .margin({
        bottom: 30
      })

      Column() {
        Scroll(this.scroller) {

          Column() {
            Text(this.title)
              .font({
                size: 16,
                weight: FontWeight.Bold,
              })
              .fontColor($r('app.color.color_1B1E2E'))
              .alignSelf(ItemAlign.Start)
              .margin({
                left: 16
              })
            Flex({
              alignItems: ItemAlign.Center,
              justifyContent: FlexAlign.SpaceBetween,
            }) {
              ForEach(this.commentScoreEmojiVOList, (item: IDistributeCommentDataCommentScoreEmojiVOList) => {
                Column() {
                  Image(this.getEmojiIcon(item.isActive ?? false, item.score))
                    .width(40)
                    .height(40)
                  Text(item.text)
                    .fontSize(12)
                    .margin({
                      top: 16
                    })
                }.onClick(() => {
                  this.score = item.score;
                  this.showAdviseInput = true;
                  let commentScoreEmojiVOList =
                    this.commentScoreEmojiVOList.map((el: IDistributeCommentDataCommentScoreEmojiVOList) => {
                      el.isActive = false;
                      if (item.score === el.score) {
                        el.isActive = true;
                      }
                      return el;
                    })
                  this.commentScoreEmojiVOList = [...commentScoreEmojiVOList];
                  if (Array.isArray(item.labelList) && item.labelList.length > 0) {
                    this.labelList = item.labelList.map(label => {
                      return { label, isActive: false } as IDistributeCommentDataLabel
                    });
                    this.isDisabled = true;
                  } else {
                    this.labelList = [];
                    this.isDisabled = false;
                  }
                })
              })
            }.padding({
              left: 16,
              right: 16
            })
            .margin({
              top: 30
            })

            Flex({
              alignItems: ItemAlign.Center,
              justifyContent: FlexAlign.SpaceBetween,
              wrap: FlexWrap.Wrap,
            }) {
              ForEach(this.labelList, (item: IDistributeCommentDataLabel) => {
                Button(item.label)
                  .fontSize(12)
                  .fontColor(item.isActive ? $r('app.color.brand_500') : $r('app.color.color_1B1E2E'))
                  .type(ButtonType.Normal)
                  .borderRadius(3)
                  .height(28)
                  .width('31.5%')
                  .backgroundColor(item.isActive ? $r('app.color.brand_50') : $r('app.color.gray1'))
                  .onClick(() => {
                    let labelList = this.labelList.map(el => {
                      if (el.label.trim().includes(item.label.trim())) {
                        el.isActive = !item.isActive;
                      }
                      return el;
                    })
                    this.labelList = [...labelList];
                    this.isDisabled = false;
                    this.evaluateName = item.label;
                    this.selectLabelList = (labelList.filter(item => item.isActive)).map(item => item.label);
                  })
              })
            }.visibility(this.labelList.length > 0 ? Visibility.Visible : Visibility.None)
            .margin({
              top: 24
            })
            .padding({
              left: 16,
              right: 16
            })

            Row() {
              TextArea({
                placeholder: this.commentTextBoxVO?.tip ?? '',
                controller: this.textAreaController,
              })
                .onChange((text) => {
                  this.content = text;
                })
                .onSubmit(() => {
                })
                .borderRadius(6)
                .height(150)
                .padding(16)
                .enterKeyType(EnterKeyType.NEW_LINE)
                .lineHeight(18)
                .placeholderColor($r('app.color.fontGy3'))
                .placeholderFont({
                  size: 12
                })
                .caretColor($r('app.color.brand_500'))
                .backgroundColor($r('app.color.gray1'))
                .fontSize(12)
                .fontColor($r('app.color.fontGy1'))
                .layoutWeight(1)
            }.margin({
              top: 24,
            }).padding({
              left: 16,
              right: 16
            })
            .visibility(this.showAdviseInput ? Visibility.Visible : Visibility.None)
          }
        }.scrollBar(BarState.Off)
      }.height(this.autoHeight)

      Button('确认提交')
        .fontSize(16)
        .fontWeight(FontWeight.Normal)
        .backgroundColor(this.isDisabled ? $r('app.color.brand_200') : $r('app.color.brand_500'))
        .width('72%')
        .height(44)
        .stateEffect(false)

        .onClick(() => {
          if (this.isDisabled) {
            return;
          }
          this.submitEvaluate();
        })
        .margin({ top: 44 })
    }
    .backgroundColor(Color.White)
    .borderRadius({
      topLeft: 10,
      topRight: 10
    })
    .padding({
      top: 24,
      bottom: getNaviIndicatorHeightVP()
    })
    .margin({
      bottom: this.keyHeight,
    })
  }

这样就完美实现当键盘输入时，键盘就会自动定起来弹窗，并且也不会遮盖住底部提交按钮。

并且你也可以基于键盘显示与隐藏监听逻辑判断，使其在键盘弹出时，弹窗部分内容在有限高度里滚动显示，默认可以设置当键盘弹出时，内容直接滚动到底部显示。

在这里插入图片描述

在这里插入图片描述

完整代码片段
import { showToast, showToastCenter } from '@gaotu/library_ui/src/main/ets/utils/ToastUtils';
import { ApiConstants } from '../constants/ApiConstants';
import {
  IDistributeCommentData,
  IDistributeCommentDataCommentScoreEmojiVOList,
  IDistributeCommentDataCommentTextBoxVO,
  IDistributeCommentDataLabel
} from '../interfaces/IDistributeComment';
import { requestDistributeCommentApi } from '../services/SyncRequest';
import { BusinessError } from '@kit.BasicServicesKit';
import { SearchTypeEnum } from '../pages/SearchCoursePage';
import { ISubmitCommentResultData } from '../interfaces/ISubmitCommentResult';
import dayjs from 'dayjs';
import { getNaviIndicatorHeightVP } from '@gaotu/library_ui';
import { window } from '@kit.ArkUI';

@CustomDialog
@Component
export struct CustomBottomDialog {
  @Prop searchType: SearchTypeEnum;
  @Prop keywords: string;
  dialogController?: CustomDialogController
  @State moduleName: string = '';
  @State title: string = '';
  @State commentId: string = '';
  @State commentScoreEmojiVOList: IDistributeCommentDataCommentScoreEmojiVOList[] = [];
  @State commentTextBoxVO: IDistributeCommentDataCommentTextBoxVO | undefined = undefined;
  @State labelList: IDistributeCommentDataLabel[] = []
  @State selectLabelList: string[] = [];
  @State showAdviseInput: boolean = false;
  @State moduleId: string = '';
  @State isDisabled: boolean = true;
  @State score: number = 0;
  @State content: string = '';
  @State evaluateName: string = '';
  @State currentMillSeconds: number = dayjs().valueOf();
  @State scrollHeight: number = 0;
  @State isRebuild: boolean = false;
  @State keyHeight: number = 0;
  @State autoHeight: number | string = 'auto';
  submitEvaluate = async () => {
    let answerTimes = dayjs().valueOf() - this.currentMillSeconds;
    try {
      const res = await requestDistributeCommentApi<ISubmitCommentResultData>({
        url: ApiConstants.SUBMIT_COMMENT_API,
        useAndroidOS: true,
        param: {
          "answerTimes": answerTimes,
          "clazzNumber": "",
          "commentId": this.commentId,
          "commentType": 5,
          "customParams": {
            "pageTab": this.searchType === -1 ? "normal" : this.searchType === 1 ? "clazz_open" : 'clazz_system',
            "searchWords": this.keywords
          } as Record<string, string>,
          "evaluateId": this.moduleId,
          "evaluateName": this.moduleName,
          "evaluateType": 5,
          "labelList": this.selectLabelList,
          "lessonNumber": "",
          "markNumber": "",
          "pageSource": 5,
          "score": this.score,
          "scoreEmojiDTOList": this.commentScoreEmojiVOList,
          "textBoxAddCoinsFlag": false,
          "textBoxContent": this.content,
          "title": this.title,
        }
      })
      if (res && Object.keys(res).length > 0) {
        showToastCenter('提交成功')
        getContext().eventHub.emit('submitSuccess');
        this.dialogController?.close();
      }
    } catch (e) {
      showToast(e.message);
    } finally {
      this.currentMillSeconds = dayjs().valueOf();
    }
  }
  private scroller: Scroller = new Scroller();
  private textAreaController: TextAreaController = new TextAreaController();

  async aboutToAppear() {
    this.fetchDistributeCommentData();

    window.getLastWindow(getContext(this)).then(currentWindow => {
      // 设置窗口的布局为沉浸式布局
      currentWindow.setWindowLayoutFullScreen(true);
      let property = currentWindow.getWindowProperties();
      // 初始化窗口高度
      let avoidArea = currentWindow.getWindowAvoidArea(window.AvoidAreaType.TYPE_KEYBOARD);
      this.scrollHeight = px2vp(property.windowRect.height - avoidArea.bottomRect.height);
      // 监听软键盘的隐藏和显示
      currentWindow.on('avoidAreaChange', data => {
        if (data.type == window.AvoidAreaType.TYPE_KEYBOARD) {
          this.keyHeight = px2vp(data.area.bottomRect.height);
          this.scrollHeight =
            px2vp(currentWindow.getWindowProperties().windowRect.height - data.area.bottomRect.height);
          this.autoHeight = 250;
          // this.scroller.scrollEdge(Edge.Bottom)
          this.scroller.scrollTo({
            xOffset: 0,
            yOffset: 250
          })
          return;
        }
        this.autoHeight = 'auto';
      })
    })
  }

  fetchDistributeCommentData() {
    requestDistributeCommentApi<IDistributeCommentData>({
      url: ApiConstants.DISTRIBUTE_COMMENT_API,
      param: {
        "commentType": 5,
        "autoAction": false,
        "customParams": {
          "pageTab": this.searchType === -1 ? 'NORMAL' : this.searchType === 1 ? 'CLAZZ_OPEN' : 'CLAZZ_SYSTEM',
          "searchWords": ''
        } as Record<string, string>,
      }
    }).then(res => {
      this.title = res.title ?? '';
      this.moduleName = res.moduleName ?? '';
      this.commentId = res.commentId ?? '';
      this.moduleId = res.moduleId ?? '';
      if (Array.isArray(res.commentScoreEmojiVOList) && res.commentScoreEmojiVOList.length > 0) {
        res.commentScoreEmojiVOList.map(item => {
          return item;
        })
        this.commentScoreEmojiVOList = res.commentScoreEmojiVOList;
      } else {
        this.commentScoreEmojiVOList = [];
      }
      res.commentTextBoxVO && Object.keys(res.commentTextBoxVO).length > 0 && (this.commentTextBoxVO =
        res.commentTextBoxVO);
    }).catch((error: BusinessError) => {
      showToast(error.message);
    })
  }

  getEmojiIcon(isActive: boolean, score: number) {
    switch (score) {
      case 1:
        return isActive ? $r('app.media.selected_score_first') : $r('app.media.normal_score_first');
      case 2:
        return isActive ? $r('app.media.selected_score_second') : $r('app.media.normal_score_second');
      case 3:
        return isActive ? $r('app.media.selected_score_third') : $r('app.media.normal_score_third');
      case 4:
        return isActive ? $r('app.media.selected_score_four') : $r('app.media.normal_score_four');
      case 5:
        return isActive ? $r('app.media.selected_score_five') : $r('app.media.normal_score_five');
      default:
        return '';

    }
  }

  build() {
    Column() {
      Flex({
        direction: FlexDirection.Row,
        alignItems: ItemAlign.Center,
        justifyContent: FlexAlign.SpaceBetween
      }) {
        Row()
        Text(this.moduleName)
          .fontSize(18)
          .fontWeight(FontWeight.Bold)
          .fontColor($r('app.color.color_1B1E2E'))
        Image($r('app.media.gtui_nav_icon_close'))
          .width(24)
          .height(24)
          .onClick(() => {
            this.dialogController?.close();
          })
      }.padding({
        left: 16,
        right: 16
      })
      .margin({
        bottom: 30
      })

      Column() {
        Scroll(this.scroller) {

          Column() {
            Text(this.title)
              .font({
                size: 16,
                weight: FontWeight.Bold,
              })
              .fontColor($r('app.color.color_1B1E2E'))
              .alignSelf(ItemAlign.Start)
              .margin({
                left: 16
              })
            Flex({
              alignItems: ItemAlign.Center,
              justifyContent: FlexAlign.SpaceBetween,
            }) {
              ForEach(this.commentScoreEmojiVOList, (item: IDistributeCommentDataCommentScoreEmojiVOList) => {
                Column() {
                  Image(this.getEmojiIcon(item.isActive ?? false, item.score))
                    .width(40)
                    .height(40)
                  Text(item.text)
                    .fontSize(12)
                    .margin({
                      top: 16
                    })
                }.onClick(() => {
                  this.score = item.score;
                  this.showAdviseInput = true;
                  let commentScoreEmojiVOList =
                    this.commentScoreEmojiVOList.map((el: IDistributeCommentDataCommentScoreEmojiVOList) => {
                      el.isActive = false;
                      if (item.score === el.score) {
                        el.isActive = true;
                      }
                      return el;
                    })
                  this.commentScoreEmojiVOList = [...commentScoreEmojiVOList];
                  if (Array.isArray(item.labelList) && item.labelList.length > 0) {
                    this.labelList = item.labelList.map(label => {
                      return { label, isActive: false } as IDistributeCommentDataLabel
                    });
                    this.isDisabled = true;
                  } else {
                    this.labelList = [];
                    this.isDisabled = false;
                  }
                })
              })
            }.padding({
              left: 16,
              right: 16
            })
            .margin({
              top: 30
            })

            Flex({
              alignItems: ItemAlign.Center,
              justifyContent: FlexAlign.SpaceBetween,
              wrap: FlexWrap.Wrap,
            }) {
              ForEach(this.labelList, (item: IDistributeCommentDataLabel) => {
                Button(item.label)
                  .fontSize(12)
                  .fontColor(item.isActive ? $r('app.color.brand_500') : $r('app.color.color_1B1E2E'))
                  .type(ButtonType.Normal)
                  .borderRadius(3)
                  .height(28)
                  .width('31.5%')
                  .backgroundColor(item.isActive ? $r('app.color.brand_50') : $r('app.color.gray1'))
                  .onClick(() => {
                    let labelList = this.labelList.map(el => {
                      if (el.label.trim().includes(item.label.trim())) {
                        el.isActive = !item.isActive;
                      }
                      return el;
                    })
                    this.labelList = [...labelList];
                    this.isDisabled = false;
                    this.evaluateName = item.label;
                    this.selectLabelList = (labelList.filter(item => item.isActive)).map(item => item.label);
                  })
              })
            }.visibility(this.labelList.length > 0 ? Visibility.Visible : Visibility.None)
            .margin({
              top: 24
            })
            .padding({
              left: 16,
              right: 16
            })

            Row() {
              TextArea({
                placeholder: this.commentTextBoxVO?.tip ?? '',
                controller: this.textAreaController,
              })
                .onChange((text) => {
                  this.content = text;
                })
                .onSubmit(() => {
                })
                .borderRadius(6)
                .height(150)
                .padding(16)
                .enterKeyType(EnterKeyType.NEW_LINE)
                .lineHeight(18)
                .placeholderColor($r('app.color.fontGy3'))
                .placeholderFont({
                  size: 12
                })
                .caretColor($r('app.color.brand_500'))
                .backgroundColor($r('app.color.gray1'))
                .fontSize(12)
                .fontColor($r('app.color.fontGy1'))
                .layoutWeight(1)
            }.margin({
              top: 24,
            }).padding({
              left: 16,
              right: 16
            })
            .visibility(this.showAdviseInput ? Visibility.Visible : Visibility.None)
          }
        }.scrollBar(BarState.Off)
      }.height(this.autoHeight)

      Button('确认提交')
        .fontSize(16)
        .fontWeight(FontWeight.Normal)
        .backgroundColor(this.isDisabled ? $r('app.color.brand_200') : $r('app.color.brand_500'))
        .width('72%')
        .height(44)
        .stateEffect(false)

        .onClick(() => {
          if (this.isDisabled) {
            return;
          }
          this.submitEvaluate();
        })
        .margin({ top: 44 })
    }
    .backgroundColor(Color.White)
    .borderRadius({
      topLeft: 10,
      topRight: 10
    })
    .padding({
      top: 24,
      bottom: getNaviIndicatorHeightVP()
    })
    .margin({
      bottom: this.keyHeight,
    })
  }
}
鸿蒙使用openCustomDialog来实现toast控件时，弹窗显示时会自动关闭软键盘，何如解决？
**My Coding Family**
05-16 969
🏆 本文收录于《全栈Bug调优(实战版)》专栏，致力于分享我在项目实战过程中遇到的各类Bug及其原因，并提供切实有效的解决方案。无论你是初学者还是经验丰富的开发者，本文将为你指引出一条更高效的Bug修复之路，助你早日登顶，迈向财富自由的梦想🚀！同时，欢迎大家关注、收藏、订阅本专栏，更多精彩内容正在持续更新中。让我们一起进步，Up！Up！Up！    备注： 部分问题/难题源自互联网，经过精心筛选和整理，结合数位十多年大厂实战经验资深大佬经验总结所得，数条可行方案供所需之人参考。
recyclerview 软键盘_处理recyclerview做聊天列表是键盘弹出无法将布局顶上去
weixin_36051281的博客
02-11 624
最近在做一个客服聊天项目，使用recyclerview做聊天列表，但是遇到了一个无法处理的问题，这问题困了我半天，也是醉了，之前使用listview没有遇到这样的，对于键盘的各种尝试都尝试了，最后还是没有解决，先来看看我已开始常规的搬砖：布局xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width=...
【HarmonyOS NEXT】解决自定义弹框和键盘之间安全距离的问题
路漫漫亦无涯
12-30 1487
我们在应用开发评论输入框时，常规的需求样式是：输入框view和键盘贴近，上半部展示信息区的形式，这样的设计，方便用户不割裂的去评论发言。但是在使用鸿蒙提供的自定义弹框时，会发现键盘和弹框之间有个安全空隙。就算弹框布局是置底，每次显示键盘都会将弹框顶上去。自定义弹框源码@Componentcontroller?build() {Column() {})@Entry@Component}),},})// 在自定义组件即将析构销毁时将dialogController置空。
鸿蒙UI开发——键盘弹出避让模式设置
harmonyClassRoom的博客
01-15 1433
我们在鸿蒙开发时，不免会遇到用户输入场景，当用户准备输入时，会涉及到输入法的弹出，我们的界面针对输入法的弹出有两种避让模式：上抬模式、压缩模式。下面针对输入法的两种避让模式的设置做简单介绍。
鸿蒙5.0版开发：UI界面-@ohos.promptAction (弹窗)
m0_69424697的博客
10-16 1202
创建并显示文本提示框、对话框和操作菜单。
android dialog中edittext弹出键盘_Android实现弹窗中有输入框填写内容
weixin_32940141的博客
01-18 1217
一、前言：最近，在做社区的时候，遇到点击评论的时候，弹起输入框，填写文字，键盘的弹起和隐藏一直控制不好，借用同事的方法，总结使用一下。效果图如下：二、代码：1. 主类方法调用：public class MainActivity extends AppCompatActivity { //输入弹窗 private InputTextMsgDialog inputTextMsgD...
弹出软键盘带有输入框（像聊天时的手机软键盘上面有附带的框）
weixin_44619313的博客
08-07 1144
弹出软键盘并弹出输入框，并获取焦点在此输入框里： 国际惯例，先上图： 下面为步骤： Step 1：自定义带有输入框等等需要的样式的dialog public class SoftKeyboardInputDialog extends Dialog { private Activity activity; public SoftKeyboardInputDialog(@NonNull Context context, int themeResId) { super(cont
关于软键盘弹出时布局调整的学习
SurpassLi的博客
03-02 475
我尽量不打错别字，用词准确，不造成阅读障碍 实际开发中会遇到的在输入框获取焦点后键盘弹出时，希望布局上移，以防止键盘遮挡了输入框下面的“确认”或“完成”按钮。这个其实很简单的，而且实现方式有多种，但是我看网上的方案写的都太模糊了，而且普适性不强，正好最近也改动了一些，就写一写。 我就以两种形式来说明。一般就这两种形式比较多，其他具体情况请适当对比和改动。 一.登录页形式 如图：...
Android EditText打开输入框自动弹出软键盘方法
吕氏春秋i
05-24 2706
获取焦点后 直接弹出软键盘 passwordInputView = dialogView.findViewById(R.id.pay_password); passwordInputView.setFocusable(true); passwordInputView.setFocusableInTouchMod...
安卓开发 自定义Dialog的问题总结之---Title背景为黑问题、edittext无法弹出软键盘
AC1992的专栏
07-16 1433
前几天，电脑出现问题，开机不断重启，怎么搞都木有用。于是乎狠下心来重装。那么问题来了，以前的项目呢？日了狗了，项目只备份到7月1号的，接下来只能慢慢写回来吧，之前dialog写得很顺利，白底蓝线黑字。但是今天写的话，出现了问题。下面来一一总结。 ** 一、一开始想到的是利用AlertDialog来实现。代码如下：mBuilder = new AlertDialog.Builder(getActivi
禁止软键盘弹出,自定义键盘
12-13
在Android中，当一个EditText组件获得焦点时，系统会默认弹出软键盘供用户输入。如果我们希望禁用这一行为，可以在布局文件中对EditText进行如下设置： ```xml android:layout_width="wrap_content" android:...
Android输入框获取焦点时弹出软键盘
03-22
好的，我现在需要帮助用户解决在Android中实现输入框获取焦点时自动弹出软键盘的问题。首先，我要回顾用户提供的引用内容，看看现有的解决方案和可能的方法。 根据引用内容，用户已经知道如何禁止软键盘弹出，比如...
腾讯 ovCompose 开源，Kuikly 鸿蒙和 Compose DSL 开源，腾讯的“双”鸿蒙方案发布
恋猫de小郭的博客
06-03 1396
近日，腾讯的 ovCompose 和 Kuikly 都发布了全新开源更新，其中，而 ovCompose 是腾讯视频团队基于 Compose Multiplatform 生态推出的跨平台开发框架，那可能有人要问了，这两者有什么关系？首先它们都是属于腾讯大前端领域 Oteam ，并且 ovCompose 和 Kuikly 都依赖于 KuiklyBase ，。
【HarmonyOS 5】鸿蒙APP使用【团结引擎Unity】开发的案例教程
2201_75709314的博客
06-03 1331
以下是基于团结引擎开发鸿蒙Unity应用的详细案例教程，整合环境配置、工程适配、跨语言通信等核心环节。
鸿蒙Navigation路由导航-基本使用介绍
小学生波波
06-04 579
Navigation组件是路由导航的根视图容器，一般作为Page页面的根容器使用，其内部默认包含了标题栏、内容区和工具栏，其中内容区默认首页显示导航内容（Navigation的子组件）或非首页显示（NavDestination的子组件），首页和非首页通过路由进行切换。
【HarmonyOS 5】 影视与直播详以及 开发案例
最新发布
2201_75709314的博客
06-05 1009
华为鸿蒙5赋能影视直播行业创新方案：通过分布式架构实现多设备协同制播，手机拍摄/智慧屏导播/平板监看全流程延迟<80ms；AI能力支持实时绿幕抠像与AR特效互动，VisionKit实现表情驱动虚拟偶像；端云协同8K解码与TEE级DRM保护兼顾超高清体验与版权安全。电商直播转化率提升40%，音乐会多视角切换等场景验证技术价值，重构了跨设备、低延迟、智能化的新一代制播体系。
【HarmonyOS 5】游戏开发教程
2201_75709314的博客
06-04 711
介绍了基于DevEco Studio的游戏开发全流程，包括开发环境配置、游戏引擎架构、分布式联机功能、性能优化策略等关键技术。重点展示了游戏主循环、物理碰撞系统等核心模块的实现，以及多设备协同的分布式技术应用。通过2D跑酷游戏案例，详细说明了角色控制和障碍物生成系统的开发方法。最后介绍了沉浸式全屏和AI代码生成等高级特性，为开发者提供了一套完整的游戏开发解决方案。
使用 React Native 开发鸿蒙（HarmonyOS）运动健康类应用的系统化准备工作
csdn_hjj_的博客
06-04 688
结合原子化服务（Atomic Service）实现功能模块拆分。：TypeScript 模板可提升类型安全性，减少兼容性问题。（在 DevEco Studio 的。​：注入鸿蒙适配逻辑。
鸿蒙仓颉语言开发实战教程：商城登录页
youlanjihua的博客
06-04 362
其实这一次分享的仓颉语言商城应用沿用了之前ArkTs版本的商城页面，幽蓝君认为这个应用复杂程度和难度都很适中，适合大多数友友系统的学习仓颉语言。也能感受一下仓颉语言和Arkts在各个方面的不同之处。登录页面的代码就和Arkts非常类似，如果你不是对这两个语言非常熟悉甚至不容易看出这些细微的差别，但正是这些细微差别让人不知所措。听说Pura80要来了？感觉华为的新品像下饺子一样，让人目不暇接，每隔几天就有发布会看，真不错呀。节后第一天，为了缓解大家假期的疲惫，咱们今天做点简单的内容，就是商城的登录页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

烈焰晴天

你的鼓励就是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值