Add InputDeviceIconSetSO configuration guide and related documentation

- Created a new markdown file detailing the configuration of InputDeviceIconSetSO.
- Included sections on system architecture, field explanations, image specifications, and complete workflow from setup to runtime.
- Documented the automatic device recognition logic and provided troubleshooting for common issues.
- Added references to relevant files and scripts for easier navigation.
This commit is contained in:
2026-05-23 00:10:23 +08:00
parent b7baf7ad6a
commit e879efaa89
45 changed files with 3469 additions and 63 deletions

View File

@@ -259,3 +259,113 @@
background-color: rgba(200, 80, 80, 0.20);
border-color: rgba(220, 100, 100, 0.80);
}
/* ── Input Icon Studio 专用样式 ─────────────────────────────
用于 InputIconStudioWindow 和 InputDeviceIconSetSOEditor */
/* 图标缩略图32px 正方形,带圆角 + 深色背景ScaleToFit*/
.icon-thumbnail {
width: 32px;
height: 32px;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.22);
flex-shrink: 0;
margin-left: 4px;
}
/* 大图预览64px用于当前 Action 图标展示)*/
.icon-preview-large {
width: 64px;
height: 64px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.25);
border-width: 1px;
border-color: rgba(128, 128, 128, 0.22);
flex-shrink: 0;
margin-left: 12px;
}
/* 覆盖率指示点:绿(已配置) */
.coverage-dot--ok {
color: rgba(60, 200, 90, 1.0);
font-size: 10px;
width: 14px;
flex-shrink: 0;
}
/* 覆盖率指示点:红(未配置) */
.coverage-dot--missing {
color: rgba(210, 65, 65, 1.0);
font-size: 10px;
width: 14px;
flex-shrink: 0;
}
/* 交互提示模拟预览容器(仿 InteractPromptWidget 外观)*/
.prompt-preview {
flex-direction: row;
align-items: center;
align-self: flex-start;
padding: 8px 14px 8px 12px;
margin-top: 4px;
margin-left: 8px;
border-radius: 6px;
background-color: rgba(20, 20, 26, 0.85);
border-width: 1px;
border-color: rgba(130, 130, 155, 0.35);
}
/* 模拟预览中的按键图标方框 */
.prompt-key-box {
width: 32px;
height: 32px;
border-radius: 4px;
background-color: rgba(50, 50, 64, 0.90);
border-width: 1px;
border-color: rgba(160, 160, 185, 0.50);
justify-content: center;
align-items: center;
flex-shrink: 0;
margin-right: 10px;
}
/* Action 列表行Input Icon Studio 左列) */
.action-list-row {
flex-direction: row;
align-items: center;
padding: 5px 8px 5px 10px;
margin-bottom: 1px;
border-radius: 0;
border-width: 0;
}
.action-list-row:hover {
background-color: rgba(128, 128, 128, 0.10);
}
.action-list-row--selected {
background-color: rgba(90, 140, 220, 0.20);
}
/* 设备徽章(四色:键鼠蓝 / Xbox绿 / PS深蓝 / Switch红 */
.device-badge {
font-size: 10px;
padding: 2px 7px;
border-radius: 4px;
border-width: 1px;
-unity-font-style: bold;
}
.device-badge--kbm {
background-color: rgba(50, 100, 180, 0.50);
border-color: rgba(90, 150, 240, 0.60);
}
.device-badge--xbox {
background-color: rgba(25, 130, 40, 0.50);
border-color: rgba(60, 185, 80, 0.60);
}
.device-badge--ps {
background-color: rgba(25, 65, 165, 0.50);
border-color: rgba(60, 110, 230, 0.60);
}
.device-badge--switch {
background-color: rgba(190, 40, 50, 0.50);
border-color: rgba(230, 80, 90, 0.60);
}