Scriptable脚本灵活DIY，打通iOS提醒和日历app

零号机2023-10-25 13:52

1. iOS 提醒事项同步到日历

参考下面视频 终极解决方案！一键同步 ios【提醒事项】到【日历】 up 主的脚本修改，up 主 repo 地址：zackertypical / ios_script

👇 修改说明：iOS【提醒事项】同步到【日历】------ Scriptable 的灵活 DIY

  • 脚本一：
    1. 修改了时间最小单位（当天精确到分钟，隔天精确到小时）
    2. 完成信息挪到了标题中，顺带去掉了底部的地图定位
    3. 尝试了几种替换掉 identifier 的方案，多多少少都会引入功能性的 bug，只好牺牲美观性，在备注里保留 identifier（更新的时候要用来校验过滤）了
    4. 其他细节更改见如下示例图
js 复制代码 
//要同步的时间段，当前时间前后n个月，例如，当前为5月，设置为2时，同步时间段为3～7月
var dur_month = 2;

const startDate = new Date();
startDate.setMonth(startDate.getMonth() - dur_month);
console.log(`日历的开始时间 ${startDate.toLocaleDateString()}`);

const endDate = new Date();
endDate.setMonth(endDate.getMonth() + dur_month);
console.log(`日历的结束时间 ${endDate.toLocaleDateString()}`);

const reminders = await Reminder.allDueBetween(startDate, endDate);
console.log(`获取 ${reminders.length} 条提醒事项`);

var calendar = await Calendar.forEvents();

//获取日历名和对应的日历
var m_dict = {};
for (cal of calendar) {
	m_dict[cal.title] = cal;
	//console.log(`日历:${cal.title}`)
}

const events = await CalendarEvent.between(startDate, endDate, calendar);
console.log(`获取 ${events.length} 条日历`);
console.log(events);

for (const reminder of reminders) {
	reminder.notes =
		!reminder.notes || reminder.notes == null || reminder.notes == "undefined"
			? "无"
			: reminder.notes;
	//reminder的标识符
	const targetNote = `[Reminder ID] ${reminder.identifier}`;
	const [targetEvent] = events.filter(
		(e) => e.notes != null && e.notes.indexOf(targetNote) != -1
	); //过滤重复的reminder
	if (!m_dict[reminder.calendar.title]) {
		console.warn("找不到日历" + reminder.calendar.title);
		continue;
	}
	if (targetEvent) {
		//console.log(`找到已经创建的事项 ${reminder.title}`)
		updateEvent(targetEvent, reminder);
	} else {
		console.warn(`创建事项 ${reminder.title} 到 ${reminder.calendar.title}`);
		const newEvent = new CalendarEvent();
		newEvent.notes = reminder.notes + "\n\n" + targetNote; //要加入备注
		updateEvent(newEvent, reminder);
	}
}

Script.complete();

//设置period
function setPeriod(event, period, description) {
	const supplement =
		description == "延期" || description == "提前" ? "完成" : "";
	if (period < 3600) {
		return (subHeading =
			Math.floor((period / 60).toFixed(1)) == 0
				? `准时完成`
				: `${description}${(period / 60).toFixed()}分钟${supplement}`);
	} else if (period >= 3600 && period <= 3600 * 24) {
		return (subHeading =
			((period % 3600) / 60).toFixed() == 0
				? `${description}${(period / 3600).toFixed()}小时${supplement}`
				: `${description}${Math.floor((period / 3600).toFixed(2))}小时${(
						(period % 3600) /
						60
				  ).toFixed()}分钟${supplement}`);
	} else {
		return (subHeading =
			((period % (3600 * 24)) / 3600).toFixed() == 0
				? `${description}${(period / 3600 / 24).toFixed()}天${supplement}`
				: `${description}${(period / 3600 / 24).toFixed()}天${(
						(period % (3600 * 24)) /
						3600
				  ).toFixed()}小时${supplement}`);
	}
}

//日历中创建提醒
function updateEvent(event, reminder) {
	cal_name = reminder.calendar.title;
	cal = m_dict[cal_name];
	event.calendar = cal;
	// console.warn(event.calendar.title)
	// 已完成事项
	if (reminder.isCompleted) {
		event.isAllDay = false;
		event.startDate = reminder.dueDate;
		event.endDate = reminder.completionDate;
		var period = (reminder.dueDate - reminder.completionDate) / 1000;
		period = period.toFixed();
		if (period < 0) {
			period = -period;
			let titleTail = setPeriod(event, period, "延期");
			event.title = `✅${reminder.title} (${titleTail})`;
		} else if (period == 0) {
			event.title = `✅${reminder.title} (准时完成)`;
		} else {
			let titleTail = setPeriod(event, period, "提前");
			event.title = `✅${reminder.title} (${titleTail})`;
			event.endDate = reminder.dueDate;
			event.startDate = reminder.completionDate;
		}
	}
	// 未完成事项
	else {
		const nowtime = new Date();
		var period = (reminder.dueDate - nowtime) / 1000;
		period = period.toFixed();
		if (period < 0) {
			// 待办顺延
			period = -period;
			let titleTail = setPeriod(event, period, "已延期");
			// 如果不是在同一天,设置为全天事项
			if (reminder.dueDate.getDate() != nowtime.getDate()) {
				event.title = `❌${reminder.title} (${titleTail})`;
				event.startDate = nowtime;
				event.endDate = nowtime;
				event.isAllDay = true;
			}
			// 在同一天的保持原来的时间
			else {
				event.title = `⭕️${reminder.title} (${titleTail})`;
				event.isAllDay = false;
				event.startDate = reminder.dueDate;
				event.endDate = nowtime;
			}
		} else {
			event.isAllDay = false;
			let titleTail = setPeriod(event, period, "还剩");
			event.title = `⭕️${reminder.title} (${titleTail})`;
			event.startDate = reminder.dueDate;
			event.endDate = reminder.dueDate;
		}
	}
	event.save();
}
  • 效果展示
  • 脚本二：
    1. 修改了时间最小单位（当天精确到分钟，隔天精确到小时）
    2. 将项目完成信息挪到了标题里，顺带去掉了底部的地图定位
    3. 去掉了结束时间多出来的 1 小时（该修改引入的新问题：项目起始和结束时间差小于 30 分钟时，日历中时间轴上的字体会缩小）
    4. 替换掉了备注里的 identifier，备注信息同步（提醒 ------> 日历）
    5. 引入的 bug：提醒事项设置定时重复时，已完成的提醒事项不会在日历中显示，只显示最新的未完成的提醒事项
js 复制代码 
//要同步的时间段，当前时间前后n个月
var dur_month = 2;

const startDate = new Date();
startDate.setMonth(startDate.getMonth() - dur_month);
console.log(`日历的开始时间 ${startDate.toLocaleDateString()}`);

const endDate = new Date();
endDate.setMonth(endDate.getMonth() + dur_month);
console.log(`日历的结束时间 ${endDate.toLocaleDateString()}`);

const reminders = await Reminder.allDueBetween(startDate, endDate);
console.log(`获取 ${reminders.length} 条提醒事项`);

var calendar = await Calendar.forEvents();

//获取日历名和对应的日历
var m_dict = {};
for (cal of calendar) {
	m_dict[cal.title] = cal;
	//console.log(`日历:${cal.title}`)
}

const events = await CalendarEvent.between(startDate, endDate, calendar);
console.log(`获取 ${events.length} 条日历`);

for (const reminder of reminders) {
	reminder.notes =
		!reminder.notes || reminder.notes == null || reminder.notes == "undefined"
			? "无"
			: reminder.notes;
	//const targetNote = `[Reminder] ${reminder.identifier}`
	const options = { year: "numeric", month: "2-digit", day: "2-digit" };
	// 备注中要添加的提醒事项创建时间
	const _creationDate = reminder.creationDate
		.toLocaleTimeString("zh-CN", options)
		.replace(/\//g, ".");
	// 备注中要添加的提醒事项完成时间
	// const _completionDate = (reminder.completionDate == null && reminder.isCompleted == false) ? ' ' : `完成：${reminder.completionDate.toLocaleTimeString('zh-CN', options).replace(/\//g, '.')}`
	// 要同步到日历备注的提醒事项信息
	// const targetNote = `同步自提醒事项👇\n列表：${reminder.calendar.title}\n标题：${reminder.title}\n创建：${_creationDate}\n${_completionDate}`
	const targetNote = `同步自提醒事项👇\n列表：${reminder.calendar.title}\n标题：${reminder.title}\n创建：${_creationDate}`;
	// 过滤重复的reminder
	const [targetEvent] = events.filter(
		(e) => e.notes != null && e.notes.indexOf(targetNote) != -1
	);

	if (!m_dict[reminder.calendar.title]) {
		console.warn("找不到日历" + reminder.calendar.title);
		continue;
	}

	if (targetEvent) {
		//console.log(`找到已经创建的事项 ${reminder.title}`)
		updateEvent(targetEvent, reminder);
	} else {
		console.warn(
			`同步提醒事项【${reminder.title}】到日历【${reminder.calendar.title}】`
		);
		const newEvent = new CalendarEvent();
		// 日历备注
		newEvent.notes = reminder.notes + "\n\n" + targetNote; //要加入备注
		updateEvent(newEvent, reminder);
	}
}

Script.complete();

//设置period
function setPeriod(event, period, description) {
	const supplement =
		description == "延期" || description == "提前" ? "完成" : "";
	if (period < 3600) {
		return (subHeading =
			Math.floor((period / 60).toFixed(1)) == 0
				? `准时完成`
				: `${description}${(period / 60).toFixed()}分钟${supplement}`);
	} else if (period >= 3600 && period <= 3600 * 24) {
		return (subHeading =
			((period % 3600) / 60).toFixed() == 0
				? `${description}${(period / 3600).toFixed()}小时${supplement}`
				: `${description}${Math.floor((period / 3600).toFixed(2))}小时${(
						(period % 3600) /
						60
				  ).toFixed()}分钟${supplement}`);
	} else {
		return (subHeading =
			((period % (3600 * 24)) / 3600).toFixed() == 0
				? `${description}${(period / 3600 / 24).toFixed()}天${supplement}`
				: `${description}${(period / 3600 / 24).toFixed()}天${(
						(period % (3600 * 24)) /
						3600
				  ).toFixed()}小时${supplement}`);
	}
}

//日历中创建提醒
function updateEvent(event, reminder) {
	cal_name = reminder.calendar.title;
	cal = m_dict[cal_name];
	event.calendar = cal;
	// console.warn(event.calendar.title)
	// 已完成事项
	if (reminder.isCompleted) {
		event.isAllDay = false;
		event.startDate = reminder.dueDate;
		event.endDate = reminder.completionDate;
		var period = (reminder.dueDate - reminder.completionDate) / 1000;
		period = period.toFixed();
		if (period < 0) {
			period = -period;
			let titleTail = setPeriod(event, period, "延期");
			event.title = `✅${reminder.title} (${titleTail})`;
		} else if (period == 0) {
			event.title = `✅${reminder.title} (准时完成)`;
		} else {
			let titleTail = setPeriod(event, period, "提前");
			event.title = `✅${reminder.title} (${titleTail})`;
			event.endDate = reminder.dueDate;
			event.startDate = reminder.completionDate;
		}
	}
	// 未完成事项
	else {
		const nowtime = new Date();
		var period = (reminder.dueDate - nowtime) / 1000;
		period = period.toFixed();
		if (period < 0) {
			// 待办顺延
			period = -period;
			let titleTail = setPeriod(event, period, "已延期");
			// 如果不是在同一天,设置为全天事项
			if (reminder.dueDate.getDate() != nowtime.getDate()) {
				event.title = `❌${reminder.title} (${titleTail})`;
				event.startDate = nowtime;
				event.endDate = nowtime;
				event.isAllDay = true;
			}
			// 在同一天的保持原来的时间
			else {
				event.title = `⭕️${reminder.title} (${titleTail})`;
				event.isAllDay = false;
				event.startDate = reminder.dueDate;
				event.endDate = nowtime;
			}
		} else {
			event.isAllDay = false;
			let titleTail = setPeriod(event, period, "还剩");
			event.title = `⭕️${reminder.title} (${titleTail})`;
			event.startDate = reminder.dueDate;
			event.endDate = reminder.dueDate;
		}
	}
	event.save();
}
  • 脚本三（推荐）：
    1. 在脚本一的基础上增加了指定了日期但没设置具体时间的提醒事项的处理
    2. 非今天未设置具体时间的提醒事项完成时，延期从当天 24 点开始计算，提前从当天 0 点开始计算
    3. 今天未设置具体时间的提醒事项，会设置为全天事件，完成时，起始时间为 0 点，结束时间为提醒完成时间（比如 20 点完成，那么显示为 00:00-20:00）
    4. 非今天未设置具体时间的提醒事项，开始时间为当天 00:00，结束时间为次日 00:00
js 复制代码 
//要同步的时间段，当前时间前后n个月，例如，当前为5月，设置为2时，同步时间段为3～7月
var dur_month = 2;

const startDate = new Date();
startDate.setMonth(startDate.getMonth() - dur_month);
console.log(`日历的开始时间 ${startDate.toLocaleDateString()}`);

const endDate = new Date();
endDate.setMonth(endDate.getMonth() + dur_month);
console.log(`日历的结束时间 ${endDate.toLocaleDateString()}`);

const reminders = await Reminder.allDueBetween(startDate, endDate);
console.log(`获取 ${reminders.length} 条提醒事项`);

var calendar = await Calendar.forEvents();

//获取日历名和对应的日历
var m_dict = {};
for (cal of calendar) {
	m_dict[cal.title] = cal;
}

const events = await CalendarEvent.between(startDate, endDate, calendar);
console.log(`获取 ${events.length} 条日历`);

for (const reminder of reminders) {
	reminder.notes =
		!reminder.notes || reminder.notes == null || reminder.notes == "undefined"
			? "无"
			: reminder.notes;
	//reminder的标识符
	const targetNote = `${reminder.identifier}`;

	const [targetEvent] = events.filter(
		(e) => e.notes != null && e.notes.indexOf(targetNote) != -1
	); //过滤重复的reminder
	if (!m_dict[reminder.calendar.title]) {
		console.warn("找不到日历" + reminder.calendar.title);
		continue;
	}
	if (targetEvent) {
		updateEvent(targetEvent, reminder);
	} else {
		console.warn(`创建事项 ${reminder.title} 到 ${reminder.calendar.title}`);
		const newEvent = new CalendarEvent();
		newEvent.notes = reminder.notes + "\n\n" + targetNote; //要加入备注

		updateEvent(newEvent, reminder);
	}
}

Script.complete();

//设置period
function setPeriod(reminder, period, description) {
	const supplement =
		description == "延期" || description == "提前" ? "完成" : "";
	if (period < 3600) {
		return Math.floor((period / 60).toFixed(1)) == 0
			? `准时完成`
			: `${description}${(period / 60).toFixed()}分钟${supplement}`;
	} else if (period >= 3600 && period <= 3600 * 24) {
		if (
			!reminder.dueDateIncludesTime &&
			reminder.dueDate.getDate() == new Date().getDate()
		) {
			return `已完成`;
		} else {
			return ((period % 3600) / 60).toFixed() == 0
				? `${description}${(period / 3600).toFixed()}小时${supplement}`
				: `${description}${Math.floor((period / 3600).toFixed(2))}小时${(
						(period % 3600) /
						60
				  ).toFixed()}分钟${supplement}`;
		}
	} else {
		if (!reminder.dueDateIncludesTime) {
			if (description == "已延期" || description == "延期") {
				return ((period % (3600 * 24)) / 3600).toFixed() == 0
					? `${description}${(period / 3600 / 24).toFixed() - 1}天${supplement}`
					: `${description}${(period / 3600 / 24).toFixed() - 1}天${(
							(period % (3600 * 24)) /
							3600
					  ).toFixed()}小时${supplement}`;
			} else {
				return ((period % (3600 * 24)) / 3600).toFixed() == 0
					? `${description}${(period / 3600 / 24).toFixed()}天${supplement}`
					: `${description}${(period / 3600 / 24).toFixed()}天${(
							(period % (3600 * 24)) /
							3600
					  ).toFixed()}小时${supplement}`;
			}
		} else {
			return ((period % (3600 * 24)) / 3600).toFixed() == 0
				? `${description}${(period / 3600 / 24).toFixed()}天${supplement}`
				: `${description}${(period / 3600 / 24).toFixed()}天${(
						(period % (3600 * 24)) /
						3600
				  ).toFixed()}小时${supplement}`;
		}
	}
}

//日历中创建提醒
function updateEvent(event, reminder) {
	cal_name = reminder.calendar.title;
	cal = m_dict[cal_name];
	event.calendar = cal;

	// 已完成事项
	if (reminder.isCompleted) {
		event.isAllDay = false;
		event.startDate = reminder.dueDate;
		event.endDate = reminder.completionDate;
		var period = (reminder.dueDate - reminder.completionDate) / 1000;
		period = period.toFixed();
		if (period < 0) {
			period = -period;
			let titleTail = setPeriod(reminder, period, "延期");
			event.title = `✅${reminder.title} (${titleTail})`;
		} else if (period == 0) {
			event.title = `✅${reminder.title} (准时完成)`;
		} else {
			let titleTail = setPeriod(reminder, period, "提前");
			event.title = `✅${reminder.title} (${titleTail})`;
			event.endDate = reminder.dueDate;
			event.startDate = reminder.completionDate;
		}
	}
	// 未完成事项
	else {
		const nowtime = new Date();
		var period = (reminder.dueDate - nowtime) / 1000;
		period = period.toFixed();
		if (period < 0) {
			// 待办顺延
			period = -period;
			let titleTail = setPeriod(reminder, period, "已延期");
			// 如果不是在同一天,设置为全天事项
			if (reminder.dueDate.getDate() != nowtime.getDate()) {
				event.title = `❌${reminder.title} (${titleTail})`;
				event.startDate = nowtime;
				event.endDate = nowtime;
				event.isAllDay = true;
			}
			// 在同一天的保持原来的时间
			else {
				if (!reminder.dueDateIncludesTime) {
					event.isAllDay = true;
					event.title = `⭕️${reminder.title}(待完成)`;
				} else {
					event.title = `⭕️${reminder.title} (${titleTail})`;
					event.isAllDay = false;
					event.startDate = reminder.dueDate;
					event.endDate = nowtime;
				}
			}
		} else {
			event.isAllDay = false;
			let titleTail = setPeriod(reminder, period, "还剩");
			event.title = reminder.dueDateIncludesTime
				? `⭕️${reminder.title} (${titleTail})`
				: `⭕️${reminder.title}(待完成)`;
			event.startDate = reminder.dueDate;
			event.endDate = reminder.dueDateIncludesTime
				? reminder.dueDate
				: new Date(reminder.dueDate.getTime() + 24 * 60 * 60 * 1000);
		}
	}
	event.save();
}

2. 实时获取最新的财经新闻

网页版参考 :link: ruanyf / sina-news

  • 改写前：
js 复制代码 
//创建小组件
const widget = new ListWidget();

//添加文本
const news = await getNewsContent();
//console.log(news[0]);

const text = widget.addText(`${news[0].rich_text}\n\n ${news[0].create_time}`);
text.textColor = Color.orange();
text.font = Font.boldRoundedSystemFont(13);
//text.font = new Font('Menlo', 13);
text.leftAlignText();

widget.setPadding(12, 12, 12, 0);

//添加渐变色背景
const gradient = new LinearGradient();
gradient.locations = [0, 0.5, 1];
gradient.colors = [
	new Color("#2c5364"),
	new Color("#203a43"),
	new Color("#0f2027"),
];
widget.backgroundGradient = gradient;

//设置组件
Script.setWidget(widget);

//获取news json
async function getNewsContent() {
	const url =
		"https://zhibo.sina.com.cn/api/zhibo/feed?page=1&page_size=100&zhibo_id=152&tag_id=0&dire=f&dpc=1&type=0";
	const request = new Request(url, (timeoutInterval = 120));
	const res = await request.loadJSON();
	const listArr = res.result.data.feed.list;
	//用关键词过滤掉与财经无关的新闻
	const filterArr = [
		"比特币",
		"莱特币",
		"狗狗币",
		"疫苗",
		"新冠",
		"疫情",
		"蓬佩奥",
	];

	let filterResult = listArr.filter((item) => {
		return filterArr.every((ele) => {
			return !item.rich_text.includes(ele);
		});
	});

	return filterResult;
}

  • 改写后：只需将上述右图中的 When Interacting 设置为 Run Script即可，无需再设置 URL
js 复制代码 
//创建小组件
const widget = new ListWidget();

//添加文本
const news = await getNewsContent();
//console.log(news[0]);

let textContent = "";
for (let i = 0; i < 6; i++) {
	//timeString格式 HH:mm
	let timeString = news[i].create_time.match(/\d{2}:\d{2}/)[0];
	textContent += `${i + 1}. ${news[i].rich_text.replace(
		/\s+/g,
		""
	)} (${timeString})\n\n`;
}

//标题图标
let headerStack = widget.addStack();
let iconSymbol = SFSymbol.named("newspaper.fill");
let headerIcon = headerStack.addImage(iconSymbol.image);
headerIcon.imageSize = new Size(16, 16);
headerIcon.tintColor = Color.dynamic(Color.green(), new Color("#1badf8"));

//标题文字
let time = new Date();
let timeText = time.toLocaleString("zh-CN", { month: "long", day: "numeric" });
let headerText = headerStack.addText(` 全球财经新闻  ${timeText}`);
headerText.textColor = Color.dynamic(Color.green(), new Color("#1badf8"));
headerText.font = Font.mediumRoundedSystemFont(14);

headerStack.useDefaultPadding();
//标题与正文间距
widget.addSpacer(12);

//正文
const text = widget.addText(textContent);

//字体样式
text.textColor = Color.dynamic(new Color("#000000"), new Color("#fbfcfb"));
text.font = Font.mediumRoundedSystemFont(12.5);
text.textOpacity = 0.7;
text.leftAlignText();

//显示的最大行数，超出的部分显示为...
text.lineLimit = 25;

//边距
//widget.setPadding(16, 16, 16, 16);
widget.useDefaultPadding();

//动态背景色
widget.backgroundColor = Color.dynamic(
	new Color("#ffffff"),
	new Color("#1b1c1e")
);

//>>>渐变色背景
//const gradient = new LinearGradient();
//gradient.locations = [0, 0.5, 1];
//gradient.colors = [
//new Color('#2c5364'),
//new Color('#203a43'),
//new Color('#0f2027'),
//];
//widget.backgroundGradient = gradient;
//<<<<

//跳转到 Safari 浏览器打开网页
//Safari.open('https://news.dodolo.top');
//在 app 内全屏打开网页
Safari.openInApp("https://news.dodolo.top", true);
//设置组件
Script.setWidget(widget);

//获取news json
async function getNewsContent() {
	const url =
		"https://zhibo.sina.com.cn/api/zhibo/feed?page=1&page_size=30&zhibo_id=152&tag_id=0&dire=f&dpc=1&type=0";
	const request = new Request(url, (timeoutInterval = 120));
	const res = await request.loadJSON();
	const listArr = res.result.data.feed.list;
	const filterArr = [
		"比特币",
		"莱特币",
		"瑞波币",
		"以太币",
		"以太坊",
		"狗狗币",
		"疫苗",
		"新冠",
		"疫情",
		"蓬佩奥",
	];

	let filterResult = listArr.filter((item) => {
		return filterArr.every((ele) => {
			return !item.rich_text.includes(ele);
		});
	});

	return filterResult;
}
  • 效果展示

3. itemInfo

根据 :link: byenow / scriptable-widget 修改

  • 脚本使用前，需修改如下信息
js 复制代码 
const User = "你要显示的名字";
const City = "所在城市";
const Coordinates = "城市经纬度，浏览器可查";

// 下面两个key需要在相应的网站去申请，注意免费账号有单日数据请求次数限制
const WeatherKey = "在后面的注释网站里申请key"; // you can get it from https://dev.heweather.com///
const AQIKey = "在后面的注释网站里申请key"; // https://dev.heweather.com/
js 复制代码 
// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: orange icon-glyph: quote-right

const User = "Tien";
const City = "beijing";
// 城市经纬度
const Coordinates = "116.41,39.92";
const WeatherKey = "在后面的注释网站里申请key"; // you can get it from https://dev.heweather.com///
const AQIKey = "在后面的注释网站里申请key"; // https://dev.heweather.com/

// const AQIToken = 'key' // you can get it from https://aqicn.org/data-platform/token/#/

const aqi = await getAQI();
const lunarData = await getLunarData();
const weatherData = await getWeather();
console.log(weatherData);
const widget = createWidget();
Script.setWidget(widget);
Script.complete();

function createWidget() {
	const w = new ListWidget();
	const bgColor = new LinearGradient();

	bgColor.colors = [
		new Color("#2c5364"),
		new Color("#203a43"),
		new Color("#0f2027"),
	];
	bgColor.locations = [0.0, 0.5, 1.0];
	w.backgroundGradient = bgColor;

	w.setPadding(12, 12, 12, 0);
	w.spacing = 8;

	const time = new Date();

	const hour = time.getHours();
	const isMidnight = hour < 8 && "midnight";
	const isMorning = hour >= 8 && hour < 12 && "morning";
	const isAfternoon = hour >= 12 && hour < 19 && "afternoon";
	const isEvening = hour >= 19 && hour < 21 && "evening";
	const isNight = hour >= 21 && "night";

	const dfTime = new DateFormatter();
	dfTime.locale = "en";
	dfTime.useMediumDateStyle();
	dfTime.useNoTimeStyle();

	const Line1 = w.addText(
		`[🤖] Hi, ${User}. Good ${isMidnight ||
			isMorning ||
			isAfternoon ||
			isEvening ||
			isNight}!`
	);
	Line1.textColor = new Color("#fb6b55");
	//     Line1.font = new Font('Menlo', 11)
	Line1.font = Font.boldRoundedSystemFont(12);
	const enTime = dfTime.string(time);
	const Line2 = w.addText(`[📆] ${enTime} ${lunarData}`);
	Line2.textColor = new Color("#C6FFDD");
	//     Line2.font = new Font('Menlo', 11)
	Line2.font = Font.boldRoundedSystemFont(12);
	const Line3 = w.addText(`[☁️] ${weatherData} AQI:${aqi}`);
	Line3.textColor = new Color("#3896d0");
	//     Line3.font = new Font('Menlo', 11)
	Line3.font = Font.boldRoundedSystemFont(12);

	const Line4 = w.addText(
		`[${Device.isCharging() ? "⚡️" : "🔋"}] ${renderBattery()} ${
			Device.isCharging() ? "Charging" : "Battery"
		}`
	);
	Line4.textColor = new Color("#2aa876");
	//     Line4.font = new Font('Menlo', 11)
	Line4.font = Font.boldRoundedSystemFont(12);
	const Line5 = w.addText(`[⏳] ${renderYearProgress()} YearProgress`);
	Line5.textColor = new Color("#fba566");
	//     Line5.font = new Font('Menlo', 11)
	Line5.font = Font.boldRoundedSystemFont(12);
	return w;
}
// 访问速度慢，需要VPN
//  async function getAQI() {
//      const url = `https://api.waqi.info/feed/${City}/?token=${AQIToken}`
//      const request = new Request(url)
//      const res = await request.loadJSON()
//      return res.data.aqi
// }

async function getAQI() {
	const url = `https://devapi.qweather.com/v7/air/now?location=${Coordinates}&key=${AQIKey}`; //
	const request = new Request(url, (timeoutInterval = 1800));
	const res = await request.loadJSON();
	// console.log(res.now)
	return res.now.aqi;
}

async function getLunarData() {
	const url = "https://api.xlongwei.com/service/datetime/convert.json";
	const request = new Request(url, (timeoutInterval = 3600));
	const res = await request.loadJSON();
	return `${res.ganzhi}年（${res.shengxiao}）${res.chinese.replace(
		/.*年/,
		""
	)}`;
}

async function getWeather() {
	const requestCityInfo = new Request(
		`https://geoapi.heweather.net/v2/city/lookup?key=${WeatherKey}&location=${City}&lang=en`,
		(timeoutInterval = 1800)
	);
	const resCityInfo = await requestCityInfo.loadJSON();
	const { name, id } = resCityInfo.location[0];
	// console.log(name)

	const requestNow = new Request(
		`https://devapi.heweather.net/v7/weather/now?location=${id}&key=${WeatherKey}&lang=en`,
		(timeoutInterval = 3600)
	);
	const requestDaily = new Request(
		`https://devapi.heweather.net/v7/weather/3d?location=${id}&key=${WeatherKey}&lang=en`,
		(timeoutInterval = 3600)
	);
	const resNow = await requestNow.loadJSON();
	const resDaily = await requestDaily.loadJSON();
	//console.log(resDaily.daily[0])

	//return `${name} ${resNow.now.text} T:${resNow.now.temp}° H:${resDaily.daily[0].tempMax}° L:${resDaily.daily[0].tempMin}°`
	return `${name} | ${resNow.now.text} Temp:${resNow.now.temp}° UV:${resDaily.daily[0].uvIndex}`;
}

// 如果进度条过长导致换行，可以修改下面的数字15，或者修改字体，把 Font.boldRoundedSystemFont(12) 改成 new Font('Menlo', 11)
function renderProgress(progress) {
	const used = "▓".repeat(Math.floor(progress * 15));
	const left = "░".repeat(15 - used.length);
	return `${used}${left} ${Math.floor(progress * 100)}%`;
}

function renderBattery() {
	const batteryLevel = Device.batteryLevel();
	return renderProgress(batteryLevel);
}

function renderYearProgress() {
	const now = new Date();
	const start = new Date(now.getFullYear(), 0, 1); // Start of this year
	const end = new Date(now.getFullYear() + 1, 0, 1); // End of this year
	const progress = (now - start) / (end - start);
	return renderProgress(progress);
}
  • 效果展示

4. RandomPic

根据自定义的标签从 Unsplash 随机获取一张图片，点击左上角小飞机图标会跳转到 Safari 浏览器打开原始尺寸图片，以便浏览细节或保存图片。

  • 戳下面脚本使用说明视频，还不会的话你来打我 👇
js 复制代码 
//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
//1. 根据 label 从 Unsplash (https://images.unsplash.com) 随机获取一张图片
//2. Unsplash API 👉 https://source.unsplash.com/
//3. 本脚本需要access_token，在2中网址注册开发者获取
//<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

//请求页面的图片数,脚本从中随机显示一张
const perPageItems = 20;
//脚本执行
const widget = await createWidget();
Script.setWidget(widget);

//创建组件
async function createWidget() {
	const widget = new ListWidget();
	const imgData = await getImgUrl();

	//小飞机图标
	const iconStack = widget.addStack();
	const iconSymbol = SFSymbol.named("paperplane.fill");
	const headerIcon = iconStack.addImage(iconSymbol.image);
	headerIcon.imageSize = new Size(18, 18);
	headerIcon.tintColor = Color.white();
	//Safari跳转到原尺寸图片链接地址,以便浏览细节或者执行保存等操作
	headerIcon.url = `${imgData[1].raw}`;
	iconStack.useDefaultPadding();

	const bgImg = await getRandomPic(imgData);
	widget.backgroundImage = bgImg;

	widget.addSpacer();
	const author = imgData[0].name;
	//console.log(author);
	const titleText = widget.addText(author);
	titleText.font = Font.boldRoundedSystemFont(20);
	titleText.textColor = Color.white();
	titleText.leftAlignText();

	const time = new Date(imgData[0].updated_at).toLocaleString("en", {
		month: "short",
		day: "numeric",
		weekday: "long",
	});
	//console.log(time);
	const timeText = widget.addText(time);
	timeText.font = Font.boldRoundedSystemFont(14);
	timeText.textColor = Color.white();
	timeText.leftAlignText();

	//刷新widget（间隔5分钟）,官方服务有请求次数限制（50次/h）,根据个人喜好修改最后一位数字（改成几就是间隔几分钟刷新）
	const interval = 1000 * 60 * 5;
	widget.refreshAfterDate = new Date(Date.now() + interval);

	return widget;
}

async function getImgUrl() {
	//返回值,存储author,imgUrl
	const res = [];
	//认证 access_token
	const accessToken = "t7ectJhLmE40FN-mjn7cgDKgM7J7ZMqnUeYfGwGOA0A"; //👈 这个token换成你自己的（去 https://source.unsplash.com/ 注册）,因为官方服务有请求次数限制（50次/h）,这里我的token仅供查看效果
	//图片标签 label
	const label = await randomLabel();
	const selectedItem = await randomNumber();
	const pageNumber = selectedItem;
	const endpoint = "https://api.unsplash.com/search/photos/";

	let queryString = "";
	const params = {
		client_id: accessToken,
		query: label,
		page: pageNumber,
		per_page: perPageItems,
		//竖屏portrait, 横屏landscape, 方形squarish, 不指定时显示全部
		//orientation: 'portrait',
		order_by: "relevant",
	};

	for (const [key, value] of Object.entries(params)) {
		queryString += `${key}=${value}&`;
	}

	const imgObjectUrl = `${endpoint}?${queryString.slice(0, -1)}`;

	try {
		const imgObjectRequest = new Request(imgObjectUrl);
		const imgObjectData = await imgObjectRequest.loadJSON();
		//user对象
		const author = await imgObjectData.results[selectedItem].user;
		res.push(author);
		//图片URL
		const imgUrl = await imgObjectData.results[selectedItem].urls;
		res.push(imgUrl);

		return res;
	} catch (err) {
		console.log(err);
		return null;
	}
}

//根据 label 从 Unsplash (https://images.unsplash.com) 随机获取一张图片
async function getRandomPic(imgData) {
	try {
		const imgUrl = imgData[1].regular;
		//console.log(imgUrl);
		const imgRequest = new Request(imgUrl);
		const img = await imgRequest.loadImage();
		return img;
	} catch (err) {
		console.log(err);
		return null;
	}
}

//随机选取页面中的一项
async function randomNumber() {
	const selectedItem = Math.floor(Math.random() * perPageItems);
	return selectedItem;
}
//随机获取图片tag（将想要显示的图片tag加入数组label）
async function randomLabel() {
	const label = [
		"wallpaper",
		"blonde",
		"forest",
		"river",
		"tree",
		"mountains",
		"winter",
		"fire",
		"sunflower",
	];
	const len = label.length;
	return label[Math.floor(Math.random() * len)];
}
  • 效果展示

相关推荐
Magnetic_h3 小时前
《Effective Objective-C》阅读笔记（下）
笔记·ios·objective-c
Magnetic_h3 小时前
《Effective Objective-C》阅读笔记（上）
笔记·学习·macos·ios·objective-c·cocoa
Magnetic_h5 小时前
《Effective Objective-C》阅读笔记（中）
笔记·学习·ios·objective-c
安和昂18 小时前
【iOS】Blocks
macos·ios·cocoa
OKXLIN1 天前
IOS UITextField 无法隐藏键盘问题
ios·objective-c
AL.千灯学长2 天前
DeepSeek接入Siri（已升级支持苹果手表）完整版硅基流动DeepSeek-R1部署
人工智能·gpt·ios·ai·苹果vision pro
openinstall全渠道统计3 天前
免填邀请码工具：赋能六大核心场景，重构App增长新模型
android·ios·harmonyos
早起的年轻人3 天前
Flutter CupertinoNavigationBar iOS 风格导航栏的组件
flutter·ios
貂蝉空大3 天前
uni-app开发安卓和ios app 真机调试
android·ios·uni-app
胖虎13 天前
iOS 中的圆角与平滑圆角：从新特性到老项目适配
ios·圆角·平滑圆角·cornercurve
热门推荐
01DeepSeek各版本说明与优缺点分析02本地部署DeepSeek教程（Mac版本）03如何在WPS和Word/Excel中直接使用DeepSeek功能04本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程05太炸裂了！清华大学deepseek从入门到精通使用手册又出第三版了，《普通人如何抓住DeepSeek红利》（无套路，直接下载）06DeepSeek本地部署详细指南07DeepSeek R1本地化部署 Ollama + Chatbox 打造最强 AI 工具08Page Assist - 本地Deepseek模型 Web UI 的安装和使用09DeepSeek r1本地安装全指南10保姆级教程：利用Ollama与Open-WebUI本地部署 DeedSeek-R1大模型