uni-app picker-view与picker震动效果不一致

uni-app picker-view与picker震动效果不一致

开发环境 版本号 项目创建方式
Mac 最新 HBuilderX

示例代码:

picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果


## 操作步骤:


picker-viewpicker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果

预期结果:

picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果


## 实际结果:


picker-viewpicker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果

bug描述:

picker-view与picker震动效果不一致, picker很清脆,震动强烈, picker-view很闷,震动很弱, 而且无法自行调整震动效果

1 回复

uni-app 中,picker-viewpicker 是两个不同的组件,它们的实现方式和行为也有所不同,这可能导致它们在震动效果上表现不一致。

1. picker 组件

picker 是一个封装好的选择器组件,通常用于选择日期、时间、地区等。它的震动效果是由系统原生组件提供的,因此在不同的平台上(如 iOS 和 Android),震动效果可能会有所不同。picker 的震动效果通常是由系统默认的行为控制的,开发者无法直接修改。

2. picker-view 组件

picker-view 是一个自定义的选择器视图组件,开发者可以完全控制其内容和行为。由于 picker-view 是自定义的,它默认不会提供震动效果。如果你希望在 picker-view 中实现震动效果,需要手动添加震动逻辑。

3. 如何实现 picker-view 的震动效果

如果你希望在 picker-view 中实现与 picker 类似的震动效果,可以使用 uni.vibrateShortuni.vibrateLong 方法来实现震动。

例如,在 picker-viewchange 事件中触发震动:

<template>
  <picker-view [@change](/user/change)="handleChange">
    <!-- picker-view-columns -->
  </picker-view>
</template>

<script>
export default {
  methods: {
    handleChange(event) {
      // 触发短震动
      uni.vibrateShort({
        success: function () {
          console.log('震动成功');
        },
        fail: function (err) {
          console.log('震动失败', err);
        }
      });
    }
  }
}
</script>
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!