okooooooo/msime-windows
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tighten candidate preview toward reference

Browse Source
This commit is contained in:
fanlusky committed 2026-06-19 08:00:25 +08:00
1 parent 01612f3db3
commit d35dd7b2de
3 files changed
+32 -35
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

ui/README.md
+1
View File
@@ -110,6 +110,7 @@
- 继续微调了候选窗预览里选中项的几何关系：左侧细蓝条进一步贴近外缘、宽度更细，序号与主词整体略向右挪，让高亮行里的文字位置更接近现有 HTML 候选框截图
- 继续收紧了候选窗预览的视觉比例：选中项高亮底块现在改成内收式胶囊区域，同时进一步下调数字、主词、注解三者的字号和灰度对比，让主词更接近现有 HTML 候选框的重心
- 继续微调了候选窗预览的外框和高亮细节：外框边线与阴影现在更轻、更暗，`ni` 与第一项之间的距离进一步收紧，选中项灰底和左侧蓝条的高度关系也更接近现有 HTML 候选框截图
- 继续按 HTML 参考图收紧候选窗预览：候选项从分栏感更强的布局进一步改成接近 inline 的节奏，整体宽度和行高再次缩小，选中项高亮块也改得更像原始候选框的窄条形态
## 构建
ui/demos/msimeui-demo/DemoScene.cpp
+8 -8
View File
@@ -462,12 +462,12 @@ std::unique_ptr<Scene> CreateDemoScene()
auto candidatePopupStack = std::make_shared<StackPanel>(0.0f);
candidatePopupStack->SetHorizontalContentAlignment(HorizontalAlignment::Leading);
auto candidatePinyin = std::make_shared<TextBlock>(L"ni", 16.0f, D2D1::ColorF(0xFFFFFF), false);
auto candidatePinyin = std::make_shared<TextBlock>(L"ni", 15.5f, D2D1::ColorF(0xFFFFFF), false);
candidatePinyin->SetMargin({0.0f, 0.0f, 0.0f, 0.0f});
candidatePopupStack->AddChild(candidatePinyin);
auto candidateList = std::make_shared<CandidateList>(27.0f);
candidateList->SetWidth(124.0f);
auto candidateList = std::make_shared<CandidateList>(25.0f);
candidateList->SetWidth(112.0f);
candidateList->AddItem({L"1", L"\x4F60", L"(rX)"});
candidateList->AddItem({L"2", L"\x5C3C", L"(uV)"});
candidateList->AddItem({L"3", L"\x59AE", L"(nV)"});
@@ -490,11 +490,11 @@ std::unique_ptr<Scene> CreateDemoScene()
auto candidatePopup = std::make_shared<Popup>(candidatePopupStack);
candidatePopup->SetMatchAnchorWidth(false);
candidatePopup->SetWidth(136.0f);
candidatePopup->SetPadding({8.0f, 1.0f, 8.0f, 3.0f});
candidatePopup->SetBackgroundFill(D2D1::ColorF(0x242424));
candidatePopup->SetBorderColor(D2D1::ColorF(0x3B3B3B));
candidatePopup->SetCornerRadius(10.0f);
candidatePopup->SetWidth(124.0f);
candidatePopup->SetPadding({6.0f, 1.0f, 6.0f, 2.0f});
candidatePopup->SetBackgroundFill(D2D1::ColorF(0x252525));
candidatePopup->SetBorderColor(D2D1::ColorF(0x3A3A3A));
candidatePopup->SetCornerRadius(8.0f);
candidatePopup->SetShadowEnabled(true);
candidatePopup->SetOffset(0.0f, 6.0f);
ui/src/Controls.cpp
+23 -27
View File
@@ -2045,12 +2045,12 @@ void CandidateList::Render(DeviceResources &deviceResources)
}
const Theme &theme = ThemeManager::GetCurrent();
const D2D1_COLOR_F rowFillPressed = D2D1::ColorF(0x313131);
const D2D1_COLOR_F rowFillSelected = D2D1::ColorF(0x3A3A3A);
const D2D1_COLOR_F selectedBarColor = D2D1::ColorF(0x7C83FF);
const D2D1_COLOR_F labelColor = D2D1::ColorF(0xA6A6A6);
const D2D1_COLOR_F textColor = D2D1::ColorF(0xF3F4F6);
const D2D1_COLOR_F annotationColor = D2D1::ColorF(0xCFCFCF);
const D2D1_COLOR_F rowFillPressed = D2D1::ColorF(0x343434);
const D2D1_COLOR_F rowFillSelected = D2D1::ColorF(0x3F3F3F);
const D2D1_COLOR_F selectedBarColor = D2D1::ColorF(0x7B79FF);
const D2D1_COLOR_F labelColor = D2D1::ColorF(0xA8A8A8);
const D2D1_COLOR_F textColor = D2D1::ColorF(0xF5F5F5);
const D2D1_COLOR_F annotationColor = D2D1::ColorF(0xD7D7D7);
for (size_t index = 0; index < items_.size(); ++index)
{
@@ -2062,40 +2062,36 @@ void CandidateList::Render(DeviceResources &deviceResources)
if (selected || pressed)
{
const D2D1_COLOR_F fill = pressed ? rowFillPressed : rowFillSelected;
const RectF selectedRect = {itemRect.x + 1.0f, itemRect.y + 2.0f, std::max(itemRect.width - 2.0f, 0.0f),
std::max(itemRect.height - 4.0f, 0.0f)};
FillRoundedRect(deviceResources, selectedRect, 5.0f, fill, fill, 0.0f);
const RectF selectedRect = {itemRect.x + 5.0f, itemRect.y + 3.0f, std::max(itemRect.width - 10.0f, 0.0f),
std::max(itemRect.height - 6.0f, 0.0f)};
FillRoundedRect(deviceResources, selectedRect, 4.0f, fill, fill, 0.0f);
const RectF selectedBar = {itemRect.x + 3.0f, itemRect.y + 8.0f, 2.0f, std::max(itemRect.height - 16.0f, 0.0f)};
const RectF selectedBar = {itemRect.x + 7.0f, itemRect.y + 8.0f, 2.0f, std::max(itemRect.height - 16.0f, 0.0f)};
FillRoundedRect(deviceResources, selectedBar, 1.0f, selectedBarColor, selectedBarColor, 0.0f);
}
const float labelWidth = 16.0f;
const float labelLeading = 13.0f;
const float annotationWidth = 36.0f;
const float annotationTrailing = 9.0f;
const float textGap = 7.0f;
const RectF labelRect = {itemRect.x + labelLeading, itemRect.y, labelWidth, itemRect.height};
const RectF annotationRect = {itemRect.x + itemRect.width - annotationWidth - annotationTrailing, itemRect.y,
annotationWidth, itemRect.height};
const float textX = labelRect.x + labelRect.width + textGap;
const float textRight = annotationRect.x - textGap;
const RectF textRect = {textX, itemRect.y, std::max(textRight - textX, 0.0f), itemRect.height};
const float labelX = itemRect.x + 16.0f;
const float textX = itemRect.x + 35.0f;
const float annotationX = itemRect.x + 53.0f;
const RectF labelRect = {labelX, itemRect.y, 12.0f, itemRect.height};
const RectF textRect = {textX, itemRect.y, 18.0f, itemRect.height};
const RectF annotationRect = {annotationX, itemRect.y, std::max(itemRect.width - (annotationX - itemRect.x) - 10.0f, 0.0f),
itemRect.height};
auto &cache = layoutCache_[index];
if (cache.fontFamily != theme.uiFontFamily || cache.labelWidth != labelRect.width)
{
cache.labelLayout = CreateCachedTextLayout(factory, theme.uiFontFamily, items_[index].label, 11.5f,
cache.labelLayout = CreateCachedTextLayout(factory, theme.uiFontFamily, items_[index].label, 10.8f,
DWRITE_FONT_WEIGHT_NORMAL, std::max(labelRect.width, 1.0f),
std::max(labelRect.height, 1.0f), DWRITE_TEXT_ALIGNMENT_CENTER,
std::max(labelRect.height, 1.0f), DWRITE_TEXT_ALIGNMENT_LEADING,
DWRITE_PARAGRAPH_ALIGNMENT_CENTER, DWRITE_WORD_WRAPPING_NO_WRAP);
cache.labelWidth = labelRect.width;
cache.fontFamily = theme.uiFontFamily;
}
if (cache.fontFamily != theme.textInputFontFamily || cache.textWidth != textRect.width)
{
cache.textLayout = CreateCachedTextLayout(factory, theme.textInputFontFamily, items_[index].text, 14.5f,
DWRITE_FONT_WEIGHT_NORMAL, std::max(textRect.width, 1.0f),
cache.textLayout = CreateCachedTextLayout(factory, theme.textInputFontFamily, items_[index].text, 14.8f,
DWRITE_FONT_WEIGHT_SEMI_BOLD, std::max(textRect.width, 1.0f),
std::max(textRect.height, 1.0f), DWRITE_TEXT_ALIGNMENT_LEADING,
DWRITE_PARAGRAPH_ALIGNMENT_CENTER, DWRITE_WORD_WRAPPING_NO_WRAP);
cache.textWidth = textRect.width;
@@ -2103,11 +2099,11 @@ void CandidateList::Render(DeviceResources &deviceResources)
}
if (cache.fontFamily != theme.uiFontFamily || cache.annotationWidth != annotationRect.width)
{
cache.annotationLayout = CreateCachedTextLayout(factory, theme.uiFontFamily, items_[index].annotation, 11.5f,
cache.annotationLayout = CreateCachedTextLayout(factory, theme.uiFontFamily, items_[index].annotation, 10.8f,
DWRITE_FONT_WEIGHT_NORMAL,
std::max(annotationRect.width, 1.0f),
std::max(annotationRect.height, 1.0f),
DWRITE_TEXT_ALIGNMENT_TRAILING,
DWRITE_TEXT_ALIGNMENT_LEADING,
DWRITE_PARAGRAPH_ALIGNMENT_CENTER,
DWRITE_WORD_WRAPPING_NO_WRAP);
cache.annotationWidth = annotationRect.width;