鸿蒙App开发--星轨算的曝光计算：参数计算与存储预估

星轨算的曝光计算：参数计算与存储预估

如果你是星轨摄影爱好者，推荐去鸿蒙应用市场搜一下**「星轨算」**，下载体验体验。曝光计算器帮你规划参数，存储预估帮你准备存储卡，设备清单确保你不漏东西。体验完再回来看这篇文章，你会更清楚曝光计算和存储预估背后是怎么实现的。

写在前面

大家好，我是一名写了十多年Web前端的老兵。从jQuery时代一路走到React/Vue，CSS3动画、requestAnimationFrame、Web Animation API这些都算是看家本领。去年开始转战鸿蒙生态，用ArkTS开发App，这一路踩了不少坑，也积累了不少心得。

很多人觉得"前端转鸿蒙"应该很容易——都是写UI嘛，组件化、状态管理、生命周期，概念都差不多。但真正上手之后你会发现，相似的地方让你觉得亲切，不同的地方让你抓狂。

比如：

• 计算逻辑：数学计算在两个平台完全一样，Math函数通用。
• UI渲染：React的useState变成了@State，列表渲染从map()变成了ForEach。
• 数据存储：Web的localStorage到了ArkTS变成了@ohos.data.preferences。

接下来这篇文章，我会用"星轨算"的实际开发经历，带你看看星轨摄影的曝光计算、存储预估、拍摄模式选择。

这篇文章聊什么

星轨算的曝光计算功能，核心要解决三个问题：

第一步：曝光参数计算

星轨摄影有两种模式：

interface ExposureCalculation {
mode: string; // 'single' | 'stack'
focalLength: number; // 焦距（mm）
aperture: string; // 光圈
iso: number; // ISO
trailDuration: number; // 星轨时长（分钟）

// 计算结果
maxSingleExposure: number; // 单张最大曝光（秒）
totalShots: number; // 总拍摄张数
totalDuration: number; // 总拍摄时长（分钟）
storageGB: number; // 存储空间（GB）
}

// 500法则
function calculateMaxExposure(focalLength: number): number {
return 500 / focalLength;
}

// 计算星轨参数
function calculateStarTrail(
focalLength: number,
aperture: string,
iso: number,
trailDuration: number,
mode: string,
fileSizeMB: number
): ExposureCalculation {
const maxExposure = calculateMaxExposure(focalLength);

let totalShots: number;
let singleExposure: number;

if (mode === 'single') {
// 单张长曝
singleExposure = trailDuration * 60;
totalShots = 1;
} else {
// 多张叠加
singleExposure = Math.round(maxExposure);
totalShots = Math.ceil(trailDuration * 60 / singleExposure);
}

const storageGB = (totalShots * fileSizeMB) / 1024;

return {
mode,
focalLength,
aperture,
iso,
trailDuration,
maxSingleExposure: Math.round(maxExposure),
totalShots,
totalDuration: trailDuration,
storageGB: Math.round(storageGB * 100) / 100
};
}

React版本：

// React版本 – 曝光计算器
function ExposureCalculator() {
const [focalLength, setFocalLength] = useState(24);
const [aperture, setAperture] = useState('f/2.8');
const [iso, setIso] = useState(1600);
const [trailDuration, setTrailDuration] = useState(60);
const [mode, setMode] = useState('stack');

const result = calculateStarTrail(focalLength, aperture, iso, trailDuration, mode, 25);

return (
<div>
<div>最大单张曝光：{result.maxSingleExposure}秒</div>
<div>需要拍摄：{result.totalShots}张</div>
<div>存储空间：{result.storageGB}GB</div>
</div>
);
}

ArkTS版本：

@Entry
@Component
struct ExposureCalculatorPage {
@State focalLength: number = 24
@State aperture: string = 'f/2.8'
@State iso: number = 1600
@State trailDuration: number = 60
@State mode: string = 'stack'
@State fileSize: number = 25

private apertures: string[] = ['f/1.4', 'f/2', 'f/2.8', 'f/4', 'f/5.6', 'f/8']
private isoValues: number[] = [400, 800, 1600, 3200, 6400]

get result(): ExposureCalculation {
return calculateStarTrail(
this.focalLength, this.aperture, this.iso,
this.trailDuration, this.mode, this.fileSize
);
}

build() {
Column() {
Text('星轨曝光计算')
.fontSize(20)
.fontWeight(FontWeight.Bold)
.margin({ bottom: 16 })

// 拍摄模式
Text('拍摄模式')
.fontSize(14)
.fontColor('#9CA3AF')
.margin({ bottom: 8 })
Row() {
Button('单张长曝')
.backgroundColor(this.mode === 'single' ? '#10B981' : '#374151')
.onClick(() => { this.mode = 'single' })
Button('多张叠加')
.backgroundColor(this.mode === 'stack' ? '#10B981' : '#374151')
.onClick(() => { this.mode = 'stack' })
.margin({ left: 8 })
}
.margin({ bottom: 16 })

// 焦距
this.buildSlider('焦距', this.focalLength, 8, 200, 'mm', (v) => {
this.focalLength = v
})

// 光圈
Text('光圈')
.fontSize(14)
.fontColor('#9CA3AF')
.margin({ bottom: 8 })
Flex({ wrap: FlexWrap.Wrap }) {
ForEach(this.apertures, (ap: string) => {
Text(ap)
.fontSize(13)
.padding(8)
.margin(4)
.borderRadius(8)
.backgroundColor(this.aperture === ap ? '#10B981' : '#374151')
.onClick(() => { this.aperture = ap })
})
}
.margin({ bottom: 16 })

// ISO
Text('ISO')
.fontSize(14)
.fontColor('#9CA3AF')
.margin({ bottom: 8 })
Row() {
ForEach(this.isoValues, (val: number) => {
Text(`${val}`)
.fontSize(13)
.padding(8)
.margin(4)
.borderRadius(8)
.backgroundColor(this.iso === val ? '#10B981' : '#374151')
.onClick(() => { this.iso = val })
})
}
.margin({ bottom: 16 })

// 星轨时长
this.buildSlider('星轨时长', this.trailDuration, 10, 240, '分钟', (v) => {
this.trailDuration = v
})

// 结果
Column() {
this.buildResultRow('最大单张曝光', `${this.result.maxSingleExposure}秒`)
this.buildResultRow('拍摄张数', `${this.result.totalShots}张`)
this.buildResultRow('存储空间', `${this.result.storageGB}GB`)
}
.width('100%')
.padding(16)
.backgroundColor('#1F2937')
.borderRadius(12)
}
.width('100%')
.height('100%')
.padding(16)
.backgroundColor('#111827')
}

@Builder
buildSlider(label: string, value: number, min: number, max: number,
unit: string, onChange: (v: number) => void) {
Column() {
Row() {
Text(label)
.fontSize(14)
.fontColor('#9CA3AF')
Text(`${value}${unit}`)
.fontSize(16)
.fontWeight(FontWeight.Bold)
.fontColor('#10B981')
}
.width('100%')
.justifyContent(FlexAlign.SpaceBetween)
Slider({ value: value, min: min, max: max, step: 1 })
.onChange((v: number) => onChange(v))
}
.width('100%')
.margin({ bottom: 16 })
}

@Builder
buildResultRow(label: string, value: string) {
Row() {
Text(label)
.fontSize(14)
.fontColor('#9CA3AF')
.layoutWeight(1)
Text(value)
.fontSize(16)
.fontWeight(FontWeight.Bold)
.fontColor('#10B981')
}
.width('100%')
.margin({ bottom: 8 })
}
}

第二步：存储预估

不同格式的照片大小差异很大：

const FILE_SIZES = {
'jpeg_small': { name: 'JPEG 小', size: 5 },
'jpeg_medium': { name: 'JPEG 中', size: 10 },
'jpeg_large': { name: 'JPEG 大', size: 25 },
'raw_12bit': { name: 'RAW 12bit', size: 30 },
'raw_14bit': { name: 'RAW 14bit', size: 40 },
'raw_jpeg': { name: 'RAW+JPEG', size: 50 }
};

第三步：设备清单

星轨摄影需要准备的设备：

const EQUIPMENT_LIST = [
{ id: 'camera', name: '相机', essential: true, note: '支持B门和手动模式' },
{ id: 'wide_lens', name: '广角镜头', essential: true, note: '14-24mm为佳' },
{ id: 'tripod', name: '三脚架', essential: true, note: '稳固的三脚架' },
{ id: 'remote', name: '快门线', essential: true, note: '支持间隔拍摄' },
{ id: 'battery', name: '备用电池', essential: true, note: '至少2-3块' },
{ id: 'memory', name: '大容量存储卡', essential: true, note: '64GB以上' },
{ id: 'flashlight', name: '手电筒', essential: false, note: '红光优先' },
{ id: 'star_app', name: '星图App', essential: false, note: '辅助定位' },
{ id: 'warm_clothes', name: '保暖衣物', essential: false, note: '夜间拍摄必备' },
{ id: 'chair', name: '折叠椅', essential: false, note: '长时间等待' }
];

总结

这篇文章围绕"星轨算"的曝光计算功能，讲解了三个核心主题：

星轨摄影的核心计算是"500法则"——最大曝光时间 = 500 / 焦距。这个公式避免星星拖尾，是星轨摄影的基础。

如果你也是星轨摄影爱好者，希望这篇文章能帮你理解星轨算背后的计算逻辑。去鸿蒙应用市场下载体验一下吧，有问题欢迎交流。