如何在Android集成的TradingView库中启用两项手势功能？

1. 长按图表显示价格日期弹窗 #

该功能对应TradingView的十字线Tooltip，通过以下配置启用：

首先在ChartOptions中启用十字线与Tooltip：

val chartOptions = ChartOptions().apply {
    // 启用十字线并设置吸附模式，保证价格日期匹配精准
    crosshair = CrosshairOptions().apply {
        enabled = true
        mode = CrosshairMode.Magnet
    }
    // 启用单数据点Tooltip，对应长按触发的弹窗样式
    tooltip = TooltipOptions().apply {
        enabled = true
        mode = TooltipMode.Single
    }
}
chartView.setOptions(chartOptions)

然后在ChartSettings中确保长按手势被允许：

val chartSettings = ChartSettings().apply {
    enableLongPress = true
}
chartView.setSettings(chartSettings)

2. 双指长按高亮区间 #

该功能依赖TradingView的区间选择器，配置步骤如下：

先在ChartSettings中启用区间选择相关手势：

val chartSettings = ChartSettings().apply {
    enableRangeSelector = true
    enableLongPress = true // 长按是触发双指区间操作的前提
    gestureOptions = GestureOptions().apply {
        rangeSelect = true // 允许双指触发区间选择
    }
}
chartView.setSettings(chartSettings)

再在ChartOptions中配置区间高亮的样式：

val chartOptions = ChartOptions().apply {
    rangeSelector = RangeSelectorOptions().apply {
        enabled = true
        // 自定义区间填充色（带透明度）和边框色，可根据需求调整
        fillColor = "#330066FF"
        borderColor = "#0066FF"
    }
}
chartView.setOptions(chartOptions)

额外注意事项 #

• 确保使用最新版本的TradingView Android SDK，旧版本可能存在功能缺失
• 检查是否有冲突配置：比如禁用了长按、双指缩放等基础手势
• 若通过WebView集成TradingView（非原生SDK），需在JS配置中开启对应功能：

new TradingView.widget({
    // 其他核心配置
    crosshair: { enabled: true, mode: 'magnet' },
    tooltip: { enabled: true, mode: 'single' },
    rangeSelector: { enabled: true },
    gesture_nav: true
});

内容的提问来源于stack exchange，提问作者Saul