1110 lines
48 KiB
JavaScript
1110 lines
48 KiB
JavaScript
// th_15_picker.js - ToolHub popup pickers (ShortX icon picker + color picker)
|
||
// 从 th_14_panels.js 拆出：降低设置/按钮面板模块体积，保留原型方法名与数据流。
|
||
|
||
// =======================【弹出式选择器（WindowManager 覆盖层）】======================
|
||
FloatBallAppWM.prototype.showPopupOverlay = function(opts) {
|
||
var self = this;
|
||
var opt = opts || {};
|
||
var title = String(opt.title || "");
|
||
var onDismiss = (typeof opt.onDismiss === "function") ? opt.onDismiss : null;
|
||
var builder = (typeof opt.builder === "function") ? opt.builder : null;
|
||
|
||
var PT = this.getIslandPickerTheme ? this.getIslandPickerTheme() : null;
|
||
var isDark = PT ? PT.isDark : this.isDarkTheme();
|
||
var C = this.ui.colors;
|
||
var T = PT ? PT.T : this.getAnimalIslandTheme();
|
||
var wm = this.state.wm;
|
||
|
||
var root = new android.widget.FrameLayout(context);
|
||
root.setBackgroundColor(self.withAlpha(isDark ? 0xFF000000 : 0xFFFFFFFF, isDark ? 0.58 : 0.42));
|
||
root.setClickable(true);
|
||
|
||
var card = new android.widget.LinearLayout(context);
|
||
card.setOrientation(android.widget.LinearLayout.VERTICAL);
|
||
var cardLp = new android.widget.FrameLayout.LayoutParams(
|
||
self.dp(340), self.dp(520)
|
||
);
|
||
cardLp.gravity = android.view.Gravity.CENTER;
|
||
card.setLayoutParams(cardLp);
|
||
card.setBackground(self.ui.createStrokeDrawable(T.card, self.withAlpha(T.primaryDeep, isDark ? 0.28 : 0.22), self.dp(1), self.dp(24)));
|
||
card.setPadding(self.dp(14), self.dp(12), self.dp(14), self.dp(12));
|
||
try { card.setElevation(self.dp(10)); } catch(eCardElev) {}
|
||
|
||
var header = new android.widget.LinearLayout(context);
|
||
header.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
header.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
var titleTv = new android.widget.TextView(context);
|
||
titleTv.setText("❧ " + title + " ❧");
|
||
titleTv.setTextColor(T.text);
|
||
titleTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 16);
|
||
titleTv.setTypeface(null, android.graphics.Typeface.BOLD);
|
||
header.addView(titleTv, new android.widget.LinearLayout.LayoutParams(0, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, 1));
|
||
|
||
var closeBtn = self.ui.createFlatButton(self, "✕", T.primaryDeep, function() {
|
||
closePopup();
|
||
});
|
||
closeBtn.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 18);
|
||
closeBtn.setTypeface(null, android.graphics.Typeface.BOLD);
|
||
try { closeBtn.setBackground(self.ui.createStrokeDrawable(T.primarySoft, self.withAlpha(T.primaryDeep, isDark ? 0.30 : 0.22), self.dp(1), self.dp(18))); } catch(eCloseBg) {}
|
||
header.addView(closeBtn, new android.widget.LinearLayout.LayoutParams(self.dp(42), self.dp(38)));
|
||
card.addView(header);
|
||
|
||
var content = new android.widget.LinearLayout(context);
|
||
content.setOrientation(android.widget.LinearLayout.VERTICAL);
|
||
content.setPadding(0, self.dp(8), 0, 0);
|
||
var contentLp = new android.widget.LinearLayout.LayoutParams(
|
||
android.widget.LinearLayout.LayoutParams.MATCH_PARENT,
|
||
android.widget.LinearLayout.LayoutParams.MATCH_PARENT
|
||
);
|
||
content.setLayoutParams(contentLp);
|
||
card.addView(content);
|
||
|
||
root.addView(card);
|
||
|
||
root.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function(v) { closePopup(); }
|
||
}));
|
||
card.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function(v) { /* 阻止冒泡 */ }
|
||
}));
|
||
|
||
var lp = new android.view.WindowManager.LayoutParams(
|
||
android.view.WindowManager.LayoutParams.MATCH_PARENT,
|
||
android.view.WindowManager.LayoutParams.MATCH_PARENT,
|
||
android.view.WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
|
||
android.view.WindowManager.LayoutParams.FLAG_DIM_BEHIND,
|
||
android.graphics.PixelFormat.TRANSLUCENT
|
||
);
|
||
lp.dimAmount = isDark ? 0.55 : 0.38;
|
||
lp.gravity = android.view.Gravity.TOP | android.view.Gravity.START;
|
||
lp.x = 0;
|
||
lp.y = 0;
|
||
lp.softInputMode = android.view.WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING
|
||
| android.view.WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN;
|
||
|
||
try { wm.addView(root, lp); } catch(eAdd) { safeLog(self.L, 'e', "popup addView fail: " + String(eAdd)); return null; }
|
||
|
||
function closePopup() {
|
||
try { wm.removeView(root); } catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
if (typeof onDismiss === "function") {
|
||
try { onDismiss(); } catch(eD) { safeLog(null, 'e', "catch " + String(eD)); }
|
||
}
|
||
}
|
||
|
||
if (typeof builder === "function") {
|
||
try { builder(content, closePopup); } catch(eB) { safeLog(self.L, 'e', "popup builder fail: " + String(eB)); }
|
||
}
|
||
|
||
return { close: closePopup, content: content };
|
||
};
|
||
|
||
FloatBallAppWM.prototype.showShortXIconPickerPopup = function(opts) {
|
||
var self = this;
|
||
var opt = opts || {};
|
||
var currentName = String(opt.currentName || "");
|
||
var onSelect = (typeof opt.onSelect === "function") ? opt.onSelect : null;
|
||
var onDismissCb = (typeof opt.onDismiss === "function") ? opt.onDismiss : null;
|
||
|
||
var catalog = [];
|
||
try { catalog = self.getShortXIconCatalog() || []; } catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
if (!catalog.length) {
|
||
try { catalog = self.getShortXIconCatalog(true) || []; } catch(e2) { safeLog(null, 'e', "catch " + String(e2)); }
|
||
}
|
||
if (!catalog.length) {
|
||
self.toast("图标库未加载");
|
||
return null;
|
||
}
|
||
|
||
var selectedName = currentName;
|
||
var popupState = { currentPage: 0, filter: "全部" };
|
||
var PT = self.getIslandPickerTheme ? self.getIslandPickerTheme() : null;
|
||
var isDark = PT ? PT.isDark : self.isDarkTheme();
|
||
var C = self.ui.colors;
|
||
var T = PT ? PT.T : self.getAnimalIslandTheme();
|
||
var textColor = PT ? PT.text : (isDark ? C.textPriDark : C.textPriLight);
|
||
var subTextColor = PT ? PT.sub : (isDark ? C.textSecDark : C.textSecLight);
|
||
var cardColor = PT ? PT.card2 : (isDark ? C.cardDark : C.cardLight);
|
||
var wm = self.state.wm;
|
||
var filterTags = ["全部", "常用", "最近", "收藏", "线框", "实心"];
|
||
var filterViews = [];
|
||
var FAVORITE_ICONS_KEY = "shortx_icon_favorites";
|
||
var favoriteIcons = [];
|
||
var favoriteMap = {};
|
||
|
||
function rebuildFavoriteMap() {
|
||
favoriteMap = {};
|
||
for (var fi = 0; fi < favoriteIcons.length; fi++) {
|
||
var fn = String(favoriteIcons[fi] || "");
|
||
if (fn) favoriteMap[fn] = true;
|
||
}
|
||
}
|
||
|
||
function loadFavoriteIcons() {
|
||
favoriteIcons = [];
|
||
try {
|
||
var saved = self.loadPanelState ? self.loadPanelState(FAVORITE_ICONS_KEY) : null;
|
||
var arr = saved && saved.icons ? saved.icons : [];
|
||
for (var li = 0; li < arr.length && favoriteIcons.length < 300; li++) {
|
||
var name = String(arr[li] || "");
|
||
if (name && !favoriteMap[name]) {
|
||
favoriteIcons.push(name);
|
||
favoriteMap[name] = true;
|
||
}
|
||
}
|
||
} catch(eFavLoad) { safeLog(null, 'e', "catch " + String(eFavLoad)); }
|
||
rebuildFavoriteMap();
|
||
}
|
||
|
||
function saveFavoriteIcons() {
|
||
try {
|
||
if (self.savePanelState) self.savePanelState(FAVORITE_ICONS_KEY, { icons: favoriteIcons.slice(0, 300) });
|
||
} catch(eFavSave) { safeLog(null, 'e', "catch " + String(eFavSave)); }
|
||
}
|
||
|
||
function isFavoriteIcon(name) {
|
||
return !!favoriteMap[String(name || "")];
|
||
}
|
||
|
||
function toggleFavoriteIcon(name) {
|
||
name = String(name || "");
|
||
if (!name) return false;
|
||
var next = [];
|
||
var existed = false;
|
||
for (var ti = 0; ti < favoriteIcons.length; ti++) {
|
||
var oldName = String(favoriteIcons[ti] || "");
|
||
if (!oldName) continue;
|
||
if (oldName === name) { existed = true; continue; }
|
||
next.push(oldName);
|
||
}
|
||
if (!existed) next.unshift(name);
|
||
favoriteIcons = next.slice(0, 300);
|
||
rebuildFavoriteMap();
|
||
saveFavoriteIcons();
|
||
return !existed;
|
||
}
|
||
loadFavoriteIcons();
|
||
|
||
function matchesFilter(entry, f) {
|
||
if (!entry) return false;
|
||
if (!f || f === "全部") return true;
|
||
var n = String(entry.shortName || entry.name || "").toLowerCase();
|
||
if (f === "常用") return n.indexOf("home") >= 0 || n.indexOf("share") >= 0 || n.indexOf("search") >= 0 || n.indexOf("settings") >= 0 || n.indexOf("add") >= 0 || n.indexOf("back") >= 0 || n.indexOf("close") >= 0;
|
||
if (f === "最近") return selectedName && String(entry.name) === String(selectedName);
|
||
if (f === "收藏") return isFavoriteIcon(entry.name);
|
||
if (f === "线框") return n.indexOf("outline") >= 0 || n.indexOf("line") >= 0 || n.indexOf("stroke") >= 0 || n.indexOf("border") >= 0;
|
||
if (f === "实心") return n.indexOf("fill") >= 0 || n.indexOf("solid") >= 0 || n.indexOf("round") >= 0;
|
||
return true;
|
||
}
|
||
|
||
function filterCatalog(q) {
|
||
var qLower = String(q || "").toLowerCase();
|
||
var out = [];
|
||
for (var i = 0; i < catalog.length; i++) {
|
||
var entry = catalog[i];
|
||
if (!entry) continue;
|
||
if (!matchesFilter(entry, popupState.filter)) continue;
|
||
if (qLower) {
|
||
var n = String(entry.shortName || entry.name).toLowerCase();
|
||
if (n.indexOf(qLower) < 0) continue;
|
||
}
|
||
out.push(entry);
|
||
}
|
||
return out;
|
||
}
|
||
|
||
var dm = context.getResources().getDisplayMetrics();
|
||
var sw = dm.widthPixels;
|
||
var sh = dm.heightPixels;
|
||
var panelWidth = Math.round(sw * 0.92);
|
||
var panelHeight = Math.round(sh * 0.90);
|
||
try {
|
||
if (self.calculateToolAppLayout) {
|
||
var toolLayout = self.calculateToolAppLayout(null);
|
||
if (toolLayout && toolLayout.width > 0) panelWidth = toolLayout.width;
|
||
if (toolLayout && toolLayout.height > 0) panelHeight = toolLayout.height;
|
||
}
|
||
} catch(eLayout) { safeLog(null, 'e', "catch " + String(eLayout)); }
|
||
if (panelWidth > self.dp(560)) panelWidth = self.dp(560);
|
||
if (panelWidth < self.dp(320)) panelWidth = Math.min(sw - self.dp(16), self.dp(320));
|
||
if (panelHeight > sh - self.dp(24)) panelHeight = sh - self.dp(24);
|
||
if (panelHeight < self.dp(460)) panelHeight = Math.min(sh - self.dp(16), self.dp(460));
|
||
|
||
var padH = self.dp(14);
|
||
var padV = self.dp(12);
|
||
var gap = self.dp(8);
|
||
var colCount = 5;
|
||
var availW = panelWidth - padH * 2 - self.dp(10) * 2;
|
||
var cellW = Math.floor((availW - gap * (colCount - 1)) / colCount);
|
||
if (cellW < self.dp(46)) cellW = self.dp(46);
|
||
var iconSize = Math.max(self.dp(23), Math.min(self.dp(30), Math.floor(cellW * 0.46)));
|
||
var cellH = self.dp(70);
|
||
var headerH = self.dp(176);
|
||
var bottomH = self.dp(58);
|
||
var maxGridH = Math.max(self.dp(250), panelHeight - headerH - bottomH);
|
||
var rowCount = Math.max(3, Math.floor(maxGridH / (cellH + gap)));
|
||
var pageSize = colCount * rowCount;
|
||
|
||
var rootOverlay = new android.widget.FrameLayout(context);
|
||
try { rootOverlay.setBackgroundColor(self.withAlpha(isDark ? 0xFF000000 : 0xFFFFFFFF, isDark ? 0.58 : 0.42)); }
|
||
catch(eOverlayBg) { rootOverlay.setBackgroundColor(0x33000000); }
|
||
rootOverlay.setClickable(true);
|
||
|
||
var card = new android.widget.LinearLayout(context);
|
||
card.setOrientation(android.widget.LinearLayout.VERTICAL);
|
||
card.setPadding(padH, padV, padH, padV);
|
||
card.setBackground(self.ui.createStrokeDrawable(T.card, self.withAlpha(T.primaryDeep, isDark ? 0.28 : 0.22), self.dp(1), self.dp(24)));
|
||
try { card.setElevation(self.dp(10)); } catch(eCardElev) { safeLog(null, 'e', "catch " + String(eCardElev)); }
|
||
|
||
var cardLp = new android.widget.FrameLayout.LayoutParams(panelWidth, panelHeight);
|
||
cardLp.gravity = android.view.Gravity.CENTER;
|
||
card.setLayoutParams(cardLp);
|
||
rootOverlay.addView(card);
|
||
|
||
var overlayLp = new android.view.WindowManager.LayoutParams(
|
||
android.view.WindowManager.LayoutParams.MATCH_PARENT,
|
||
android.view.WindowManager.LayoutParams.MATCH_PARENT,
|
||
android.view.WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,
|
||
android.view.WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
|
||
android.graphics.PixelFormat.TRANSLUCENT
|
||
);
|
||
overlayLp.softInputMode = android.view.WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING
|
||
| android.view.WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN;
|
||
|
||
try { wm.addView(rootOverlay, overlayLp); } catch(eAdd) {
|
||
safeLog(self.L, 'e', "icon picker addView fail: " + String(eAdd));
|
||
return null;
|
||
}
|
||
|
||
var isDismissed = false;
|
||
function dismiss() {
|
||
if (isDismissed) return;
|
||
isDismissed = true;
|
||
try { wm.removeView(rootOverlay); } catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
if (typeof onDismissCb === "function") {
|
||
try { onDismissCb(); } catch(eD) { safeLog(null, 'e', "catch " + String(eD)); }
|
||
}
|
||
}
|
||
rootOverlay.setOnClickListener(new android.view.View.OnClickListener({ onClick: function() { dismiss(); } }));
|
||
card.setOnClickListener(new android.view.View.OnClickListener({ onClick: function() { } }));
|
||
|
||
var header = new android.widget.LinearLayout(context);
|
||
header.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
header.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
|
||
var titleBox = new android.widget.LinearLayout(context);
|
||
titleBox.setOrientation(android.widget.LinearLayout.VERTICAL);
|
||
titleBox.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
titleBox.setLayoutParams(new android.widget.LinearLayout.LayoutParams(0, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, 1));
|
||
|
||
var titleTv = new android.widget.TextView(context);
|
||
titleTv.setText("岛上图标库");
|
||
titleTv.setTextColor(textColor);
|
||
titleTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 17);
|
||
titleTv.setTypeface(null, android.graphics.Typeface.BOLD);
|
||
titleBox.addView(titleTv);
|
||
|
||
var countTv = new android.widget.TextView(context);
|
||
countTv.setText("共 " + catalog.length + " 个图标");
|
||
countTv.setTextColor(subTextColor);
|
||
countTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 11);
|
||
titleBox.addView(countTv);
|
||
header.addView(titleBox);
|
||
|
||
var closeBtn = self.ui.createFlatButton(self, "✕", T.primaryDeep, function() { dismiss(); });
|
||
closeBtn.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 18);
|
||
closeBtn.setTypeface(null, android.graphics.Typeface.BOLD);
|
||
closeBtn.setPadding(self.dp(8), 0, self.dp(8), 0);
|
||
try { closeBtn.setBackground(self.ui.createStrokeDrawable(T.primarySoft, self.withAlpha(T.primaryDeep, isDark ? 0.30 : 0.22), self.dp(1), self.dp(18))); } catch(eCloseBg) {}
|
||
header.addView(closeBtn, new android.widget.LinearLayout.LayoutParams(self.dp(42), self.dp(38)));
|
||
card.addView(header);
|
||
|
||
var searchEt = new android.widget.EditText(context);
|
||
searchEt.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 14);
|
||
searchEt.setTextColor(textColor);
|
||
try { searchEt.setHintTextColor(subTextColor); } catch(eHint) { safeLog(null, 'e', "catch " + String(eHint)); }
|
||
searchEt.setHint("寻找岛上图标，如 share / home");
|
||
searchEt.setSingleLine(true);
|
||
searchEt.setFocusable(true);
|
||
searchEt.setFocusableInTouchMode(true);
|
||
searchEt.setPadding(self.dp(14), self.dp(10), self.dp(14), self.dp(10));
|
||
searchEt.setBackground(self.ui.createStrokeDrawable(T.card2, self.withAlpha(T.primaryDeep, isDark ? 0.24 : 0.18), self.dp(1), self.dp(20)));
|
||
var searchLp = new android.widget.LinearLayout.LayoutParams(android.widget.LinearLayout.LayoutParams.MATCH_PARENT, self.dp(46));
|
||
searchLp.setMargins(0, self.dp(10), 0, self.dp(8));
|
||
card.addView(searchEt, searchLp);
|
||
searchEt.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function(v) {
|
||
self.touchActivity();
|
||
try {
|
||
v.requestFocus();
|
||
var imm = context.getSystemService(android.content.Context.INPUT_METHOD_SERVICE);
|
||
if (imm) imm.showSoftInput(v, android.view.inputmethod.InputMethodManager.SHOW_IMPLICIT);
|
||
} catch(eIme) { safeLog(null, 'e', "catch " + String(eIme)); }
|
||
}
|
||
}));
|
||
|
||
var filterScroll = new android.widget.HorizontalScrollView(context);
|
||
filterScroll.setHorizontalScrollBarEnabled(false);
|
||
var filterRow = new android.widget.LinearLayout(context);
|
||
filterRow.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
filterRow.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
filterRow.setPadding(0, 0, 0, 0);
|
||
filterScroll.addView(filterRow);
|
||
var filterLp = new android.widget.LinearLayout.LayoutParams(android.widget.LinearLayout.LayoutParams.MATCH_PARENT, self.dp(36));
|
||
filterLp.setMargins(0, 0, 0, self.dp(4));
|
||
card.addView(filterScroll, filterLp);
|
||
|
||
function refreshFilterTags() {
|
||
try {
|
||
for (var i = 0; i < filterViews.length; i++) {
|
||
var item = filterViews[i];
|
||
if (!item || !item.view) continue;
|
||
var active = item.name === popupState.filter;
|
||
item.view.setTextColor(active ? T.onPrimary : T.primaryDeep);
|
||
item.view.setTypeface(null, active ? android.graphics.Typeface.BOLD : android.graphics.Typeface.NORMAL);
|
||
item.view.setBackground(self.ui.createStrokeDrawable(active ? T.primary : T.primarySoft, self.withAlpha(T.primaryDeep, active ? 0.36 : 0.18), self.dp(1), self.dp(16)));
|
||
}
|
||
} catch(eTags) { safeLog(null, 'e', "catch " + String(eTags)); }
|
||
}
|
||
|
||
for (var ft = 0; ft < filterTags.length; ft++) {
|
||
(function(tag) {
|
||
var chip = new android.widget.TextView(context);
|
||
chip.setText(tag);
|
||
chip.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 12);
|
||
chip.setGravity(android.view.Gravity.CENTER);
|
||
chip.setPadding(self.dp(12), 0, self.dp(12), 0);
|
||
chip.setSingleLine(true);
|
||
chip.setClickable(true);
|
||
chip.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function() {
|
||
self.touchActivity();
|
||
popupState.filter = tag;
|
||
popupState.currentPage = 0;
|
||
refreshFilterTags();
|
||
renderGrid();
|
||
}
|
||
}));
|
||
var chipLp = new android.widget.LinearLayout.LayoutParams(android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, self.dp(30));
|
||
chipLp.setMargins(0, 0, self.dp(7), 0);
|
||
filterRow.addView(chip, chipLp);
|
||
filterViews.push({ name: tag, view: chip });
|
||
})(filterTags[ft]);
|
||
}
|
||
refreshFilterTags();
|
||
|
||
var pageBar = new android.widget.LinearLayout(context);
|
||
pageBar.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
pageBar.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
pageBar.setPadding(self.dp(2), 0, self.dp(2), self.dp(4));
|
||
var pageBarLp = new android.widget.LinearLayout.LayoutParams(android.widget.LinearLayout.LayoutParams.MATCH_PARENT, self.dp(34));
|
||
card.addView(pageBar, pageBarLp);
|
||
|
||
var btnPrev = self.ui.createFlatButton(self, "上一页", self.withAlpha(T.primaryDeep, 0.72), function() {
|
||
if (popupState.currentPage > 0) { popupState.currentPage--; renderGrid(); }
|
||
});
|
||
pageBar.addView(btnPrev, new android.widget.LinearLayout.LayoutParams(self.dp(78), self.dp(30)));
|
||
|
||
var pageInfo = new android.widget.TextView(context);
|
||
pageInfo.setTextColor(self.withAlpha(textColor, 0.76));
|
||
pageInfo.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 12);
|
||
pageInfo.setGravity(android.view.Gravity.CENTER);
|
||
pageInfo.setLayoutParams(new android.widget.LinearLayout.LayoutParams(0, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, 1));
|
||
pageBar.addView(pageInfo);
|
||
|
||
var btnNext = self.ui.createFlatButton(self, "下一页", self.withAlpha(T.primaryDeep, 0.72), function() {
|
||
popupState.currentPage++;
|
||
renderGrid();
|
||
});
|
||
pageBar.addView(btnNext, new android.widget.LinearLayout.LayoutParams(self.dp(78), self.dp(30)));
|
||
|
||
var gridScroll = new android.widget.ScrollView(context);
|
||
gridScroll.setVerticalScrollBarEnabled(false);
|
||
gridScroll.setOverScrollMode(android.view.View.OVER_SCROLL_NEVER);
|
||
gridScroll.setLayoutParams(new android.widget.LinearLayout.LayoutParams(android.widget.LinearLayout.LayoutParams.MATCH_PARENT, 0, 1));
|
||
card.addView(gridScroll);
|
||
|
||
var grid = new android.widget.GridLayout(context);
|
||
grid.setColumnCount(colCount);
|
||
grid.setPadding(self.dp(10), self.dp(6), self.dp(10), self.dp(8));
|
||
gridScroll.addView(grid);
|
||
|
||
var selectRow = new android.widget.LinearLayout(context);
|
||
selectRow.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
selectRow.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
selectRow.setPadding(self.dp(12), self.dp(8), self.dp(12), self.dp(8));
|
||
selectRow.setBackground(self.ui.createStrokeDrawable(T.card2, self.withAlpha(T.primaryDeep, isDark ? 0.22 : 0.16), self.dp(1), self.dp(22)));
|
||
var selectRowLp = new android.widget.LinearLayout.LayoutParams(android.widget.LinearLayout.LayoutParams.MATCH_PARENT, self.dp(58));
|
||
selectRowLp.setMargins(0, self.dp(6), 0, 0);
|
||
card.addView(selectRow, selectRowLp);
|
||
|
||
var selectNameTv = new android.widget.TextView(context);
|
||
selectNameTv.setTextColor(textColor);
|
||
selectNameTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 13);
|
||
selectNameTv.setSingleLine(true);
|
||
try { selectNameTv.setEllipsize(android.text.TextUtils.TruncateAt.END); } catch(eEll) {}
|
||
selectNameTv.setLayoutParams(new android.widget.LinearLayout.LayoutParams(0, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, 1));
|
||
selectRow.addView(selectNameTv);
|
||
|
||
var selectConfirm = self.ui.createSolidButton(self, "带回小岛", T.primary, T.onPrimary, function() {
|
||
self.touchActivity();
|
||
try {
|
||
if (typeof onSelect === "function") onSelect(selectedName);
|
||
} catch(eSelect) {
|
||
safeLog(self.L, 'e', "icon onSelect err=" + String(eSelect));
|
||
}
|
||
dismiss();
|
||
});
|
||
var confirmLp = new android.widget.LinearLayout.LayoutParams(self.dp(104), self.dp(42));
|
||
confirmLp.setMargins(self.dp(10), 0, 0, 0);
|
||
selectRow.addView(selectConfirm, confirmLp);
|
||
|
||
function updateSelectedLabel() {
|
||
try {
|
||
selectNameTv.setText(selectedName ? ("已选：" + String(selectedName)) : "还没选图标");
|
||
} catch(eLabel) { safeLog(null, 'e', "catch " + String(eLabel)); }
|
||
}
|
||
updateSelectedLabel();
|
||
|
||
function renderGrid() {
|
||
try {
|
||
grid.removeAllViews();
|
||
var q = String(searchEt.getText() || "");
|
||
var matched = filterCatalog(q);
|
||
var totalPages = Math.max(1, Math.ceil(matched.length / pageSize));
|
||
if (popupState.currentPage >= totalPages) popupState.currentPage = totalPages - 1;
|
||
if (popupState.currentPage < 0) popupState.currentPage = 0;
|
||
var start = popupState.currentPage * pageSize;
|
||
var pageItems = matched.slice(start, start + pageSize);
|
||
|
||
pageInfo.setText("第 " + (popupState.currentPage + 1) + " / " + totalPages + " 页");
|
||
btnPrev.setEnabled(popupState.currentPage > 0);
|
||
btnNext.setEnabled(popupState.currentPage < totalPages - 1);
|
||
|
||
if (pageItems.length === 0) {
|
||
var emptyTv = new android.widget.TextView(context);
|
||
emptyTv.setText(popupState.filter === "收藏" ? "收藏夹还空着，点图标左上角 ☆ 收藏" : "没有找到这枚小图标");
|
||
emptyTv.setTextColor(subTextColor);
|
||
emptyTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 14);
|
||
emptyTv.setGravity(android.view.Gravity.CENTER);
|
||
emptyTv.setPadding(0, self.dp(60), 0, self.dp(60));
|
||
grid.addView(emptyTv);
|
||
return;
|
||
}
|
||
|
||
grid.setColumnCount(colCount);
|
||
for (var idx = 0; idx < pageItems.length; idx++) {
|
||
(function(item) {
|
||
var frame = new android.widget.FrameLayout(context);
|
||
frame.setClickable(true);
|
||
var isSelected = selectedName === item.name;
|
||
var frameBg = isSelected ? T.primarySoft : self.withAlpha(cardColor, 0.96);
|
||
var frameStroke = isSelected ? self.withAlpha(T.primaryDeep, isDark ? 0.50 : 0.42) : self.withAlpha(T.primaryDeep, isDark ? 0.18 : 0.12);
|
||
frame.setBackground(self.ui.createStrokeDrawable(frameBg, frameStroke, isSelected ? self.dp(2) : self.dp(1), self.dp(15)));
|
||
|
||
var cell = new android.widget.LinearLayout(context);
|
||
cell.setOrientation(android.widget.LinearLayout.VERTICAL);
|
||
cell.setGravity(android.view.Gravity.CENTER);
|
||
cell.setPadding(self.dp(4), self.dp(6), self.dp(4), self.dp(5));
|
||
frame.addView(cell, new android.widget.FrameLayout.LayoutParams(android.widget.FrameLayout.LayoutParams.MATCH_PARENT, android.widget.FrameLayout.LayoutParams.MATCH_PARENT));
|
||
|
||
var iv = new android.widget.ImageView(context);
|
||
iv.setLayoutParams(new android.widget.LinearLayout.LayoutParams(iconSize, iconSize));
|
||
iv.setScaleType(android.widget.ImageView.ScaleType.FIT_CENTER);
|
||
try {
|
||
var dr = self.getShortXIconDrawable(item.name);
|
||
if (dr) { iv.setImageDrawable(dr); }
|
||
} catch(eIcon) { safeLog(null, 'e', "catch " + String(eIcon)); }
|
||
cell.addView(iv);
|
||
|
||
var tv = new android.widget.TextView(context);
|
||
tv.setText(String(item.shortName || item.name));
|
||
tv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 9);
|
||
tv.setGravity(android.view.Gravity.CENTER);
|
||
tv.setMaxLines(1);
|
||
try { tv.setEllipsize(android.text.TextUtils.TruncateAt.END); } catch(eTvEll) {}
|
||
tv.setPadding(self.dp(2), self.dp(5), self.dp(2), 0);
|
||
tv.setTextColor(isSelected ? T.primaryDeep : subTextColor);
|
||
cell.addView(tv, new android.widget.LinearLayout.LayoutParams(android.widget.LinearLayout.LayoutParams.MATCH_PARENT, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT));
|
||
|
||
var favBtn = new android.widget.TextView(context);
|
||
favBtn.setText(isFavoriteIcon(item.name) ? "★" : "☆");
|
||
favBtn.setTextColor(isFavoriteIcon(item.name) ? T.primaryDeep : self.withAlpha(T.primaryDeep, 0.52));
|
||
favBtn.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 13);
|
||
favBtn.setGravity(android.view.Gravity.CENTER);
|
||
favBtn.setTypeface(null, android.graphics.Typeface.BOLD);
|
||
favBtn.setBackground(self.ui.createRoundDrawable(isFavoriteIcon(item.name) ? T.primarySoft : self.withAlpha(T.card, 0.88), self.dp(9)));
|
||
favBtn.setClickable(true);
|
||
favBtn.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function() {
|
||
self.touchActivity();
|
||
var added = toggleFavoriteIcon(item.name);
|
||
try { self.toast(added ? "已收藏到小岛" : "已取消收藏"); } catch(eFavToast) {}
|
||
if (popupState.filter === "收藏") popupState.currentPage = 0;
|
||
renderGrid();
|
||
}
|
||
}));
|
||
var favLp = new android.widget.FrameLayout.LayoutParams(self.dp(18), self.dp(18));
|
||
favLp.gravity = android.view.Gravity.TOP | android.view.Gravity.LEFT;
|
||
favLp.setMargins(self.dp(4), self.dp(4), 0, 0);
|
||
frame.addView(favBtn, favLp);
|
||
|
||
if (isSelected) {
|
||
var badge = new android.widget.TextView(context);
|
||
badge.setText("✓");
|
||
badge.setTextColor(T.onPrimary);
|
||
badge.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 10);
|
||
badge.setGravity(android.view.Gravity.CENTER);
|
||
badge.setTypeface(null, android.graphics.Typeface.BOLD);
|
||
badge.setBackground(self.ui.createRoundDrawable(T.primary, self.dp(9)));
|
||
var badgeLp = new android.widget.FrameLayout.LayoutParams(self.dp(18), self.dp(18));
|
||
badgeLp.gravity = android.view.Gravity.TOP | android.view.Gravity.RIGHT;
|
||
badgeLp.setMargins(0, self.dp(4), self.dp(4), 0);
|
||
frame.addView(badge, badgeLp);
|
||
}
|
||
|
||
frame.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function() {
|
||
self.touchActivity();
|
||
selectedName = item.name;
|
||
updateSelectedLabel();
|
||
renderGrid();
|
||
}
|
||
}));
|
||
|
||
var cellLp = new android.widget.GridLayout.LayoutParams();
|
||
cellLp.width = cellW;
|
||
cellLp.height = cellH;
|
||
var col = idx % colCount;
|
||
var mr = (col === colCount - 1) ? 0 : gap;
|
||
cellLp.setMargins(0, 0, mr, gap);
|
||
frame.setLayoutParams(cellLp);
|
||
grid.addView(frame);
|
||
})(pageItems[idx]);
|
||
}
|
||
} catch(eRender) {
|
||
safeLog(self.L, 'e', "renderShortXIconGrid err=" + String(eRender));
|
||
}
|
||
}
|
||
|
||
searchEt.addTextChangedListener(new android.text.TextWatcher({
|
||
beforeTextChanged: function() {},
|
||
onTextChanged: function() {
|
||
self.touchActivity();
|
||
popupState.currentPage = 0;
|
||
renderGrid();
|
||
},
|
||
afterTextChanged: function() {}
|
||
}));
|
||
|
||
renderGrid();
|
||
|
||
return { close: dismiss };
|
||
};
|
||
|
||
|
||
FloatBallAppWM.prototype.showColorPickerPopup = function(opts) {
|
||
var self = this;
|
||
var opt = opts || {};
|
||
var currentColor = String(opt.currentColor || "");
|
||
var currentIconName = String(opt.currentIconName || "");
|
||
var onSelect = (typeof opt.onSelect === "function") ? opt.onSelect : null;
|
||
var onDismiss = (typeof opt.onDismiss === "function") ? opt.onDismiss : null;
|
||
|
||
var PT = this.getIslandPickerTheme ? this.getIslandPickerTheme() : null;
|
||
var isDark = PT ? PT.isDark : this.isDarkTheme();
|
||
var C = this.ui.colors;
|
||
var T = PT ? PT.T : this.getAnimalIslandTheme();
|
||
var textColor = PT ? PT.text : (isDark ? C.textPriDark : C.textPriLight);
|
||
var subTextColor = PT ? PT.sub : (isDark ? C.textSecDark : C.textSecLight);
|
||
|
||
function getThemeTintHex() {
|
||
try {
|
||
if (self.ui.colors && self.ui.colors.accent) {
|
||
var c = self.ui.colors.accent;
|
||
return "#" + ("00000000" + (c >>> 0).toString(16)).slice(-8);
|
||
}
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
return "#FF4081";
|
||
}
|
||
|
||
function buildArgbHex(alphaByte, rgbHex) {
|
||
var a = ("00" + (Math.max(0, Math.min(255, Number(alphaByte || 0))) >>> 0).toString(16)).slice(-2);
|
||
var rgb = String(rgbHex || "000000").replace(/^#/, "");
|
||
if (rgb.length === 3) rgb = rgb.split("").map(function(c){ return c+c; }).join("");
|
||
if (rgb.length > 6) rgb = rgb.slice(-6);
|
||
while (rgb.length < 6) rgb = "0" + rgb;
|
||
return "#" + a + rgb;
|
||
}
|
||
|
||
function extractTintRgbHex(hex) {
|
||
var h = String(hex || "").replace(/^#/, "");
|
||
if (h.length >= 8) return h.slice(-6);
|
||
if (h.length === 6) return h;
|
||
if (h.length === 3) return h.split("").map(function(c){ return c+c; }).join("");
|
||
return "000000";
|
||
}
|
||
|
||
function extractTintAlphaByte(hex) {
|
||
var h = String(hex || "").replace(/^#/, "");
|
||
if (h.length >= 8) return parseInt(h.slice(0, 2), 16);
|
||
return 255;
|
||
}
|
||
|
||
function normalizeTintColorValue(val) {
|
||
var s = String(val || "").trim();
|
||
if (!s) return "";
|
||
if (s.charAt(0) === "#") s = s.substring(1);
|
||
if (/^[0-9A-Fa-f]{1,8}$/.test(s)) {
|
||
while (s.length < 6) s = "0" + s;
|
||
if (s.length === 6) s = "FF" + s;
|
||
else if (s.length > 8) s = s.substring(0, 8);
|
||
return "#" + s.toUpperCase();
|
||
}
|
||
return "";
|
||
}
|
||
|
||
var commonTintHexValues = [
|
||
"#FFFF0000", "#FFFF5722", "#FFFF9800", "#FFFFC107", "#FFFFEB3B",
|
||
"#FFCDDC39", "#FF8BC34A", "#FF4CAF50", "#FF009688", "#FF00BCD4",
|
||
"#FF03A9F4", "#FF2196F3", "#FF3F51B5", "#FF673AB7", "#FF9C27B0",
|
||
"#FFE91E63", "#FF795548", "#FF9E9E9E", "#FF607D8B", "#FF000000", "#FFFFFFFF"
|
||
];
|
||
|
||
// ========== 最近使用颜色 ==========
|
||
var RECENT_COLORS_KEY = "color_picker_recent";
|
||
var MAX_RECENT_COLORS = 8;
|
||
var recentColors = [];
|
||
try {
|
||
var recentSaved = self.loadPanelState(RECENT_COLORS_KEY);
|
||
if (recentSaved && recentSaved.colors && recentSaved.colors.length) {
|
||
var rc;
|
||
for (rc = 0; rc < recentSaved.colors.length && rc < MAX_RECENT_COLORS; rc++) {
|
||
var rn = normalizeTintColorValue(recentSaved.colors[rc], false);
|
||
if (rn) recentColors.push(rn);
|
||
}
|
||
}
|
||
} catch(eRecentLoad) { safeLog(null, 'e', "catch " + String(eRecentLoad)); }
|
||
|
||
function saveRecentColors() {
|
||
try {
|
||
self.savePanelState(RECENT_COLORS_KEY, { colors: recentColors.slice(0, MAX_RECENT_COLORS) });
|
||
} catch(eRecentSave) { safeLog(null, 'e', "catch " + String(eRecentSave)); }
|
||
}
|
||
|
||
function pushRecentColor(hex) {
|
||
var normalized = normalizeTintColorValue(hex, false);
|
||
if (!normalized) return;
|
||
var next = [normalized];
|
||
var i;
|
||
for (i = 0; i < recentColors.length; i++) {
|
||
if (recentColors[i] !== normalized) {
|
||
next.push(recentColors[i]);
|
||
}
|
||
if (next.length >= MAX_RECENT_COLORS) break;
|
||
}
|
||
recentColors = next;
|
||
saveRecentColors();
|
||
}
|
||
|
||
var selectedColor = currentColor;
|
||
var isFollowTheme = !currentColor;
|
||
var currentBaseRgbHex = extractTintRgbHex(currentColor);
|
||
var currentAlphaByte = extractTintAlphaByte(currentColor);
|
||
|
||
var popupResult = self.showPopupOverlay({
|
||
title: "换颜色",
|
||
onDismiss: onDismiss,
|
||
builder: function(content, closePopup) {
|
||
// 图标预览区
|
||
var previewRow = new android.widget.LinearLayout(context);
|
||
previewRow.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
previewRow.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
previewRow.setPadding(self.dp(12), self.dp(10), self.dp(12), self.dp(10));
|
||
previewRow.setBackground(self.ui.createStrokeDrawable(T.primarySoft, self.withAlpha(T.primaryDeep, isDark ? 0.24 : 0.18), self.dp(1), self.dp(18)));
|
||
|
||
var previewIv = new android.widget.ImageView(context);
|
||
previewIv.setLayoutParams(new android.widget.LinearLayout.LayoutParams(self.dp(48), self.dp(48)));
|
||
previewIv.setScaleType(android.widget.ImageView.ScaleType.FIT_CENTER);
|
||
previewRow.addView(previewIv);
|
||
|
||
var previewLabel = new android.widget.TextView(context);
|
||
previewLabel.setText("小图标试衣间");
|
||
previewLabel.setTextColor(subTextColor);
|
||
previewLabel.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 12);
|
||
previewLabel.setPadding(self.dp(12), 0, 0, 0);
|
||
previewRow.addView(previewLabel);
|
||
|
||
content.addView(previewRow);
|
||
|
||
function updatePreview() {
|
||
try {
|
||
var dr = null;
|
||
if (currentIconName) {
|
||
try { dr = self.getShortXIconDrawable(currentIconName); } catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
if (dr) {
|
||
if (!isFollowTheme && selectedColor) {
|
||
try {
|
||
var parsed = android.graphics.Color.parseColor(selectedColor);
|
||
dr.setColorFilter(parsed, android.graphics.PorterDuff.Mode.SRC_IN);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
} else {
|
||
try { dr.clearColorFilter(); } catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
previewIv.setImageDrawable(dr);
|
||
} else {
|
||
previewIv.setImageDrawable(null);
|
||
}
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
updatePreview();
|
||
|
||
// ========== 最近使用颜色 ==========
|
||
var recentTitle = new android.widget.TextView(context);
|
||
recentTitle.setText("最近用过的小颜色");
|
||
recentTitle.setTextColor(subTextColor);
|
||
recentTitle.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 12);
|
||
recentTitle.setPadding(self.dp(12), self.dp(8), self.dp(12), self.dp(4));
|
||
content.addView(recentTitle);
|
||
|
||
var recentGrid = new android.widget.GridLayout(context);
|
||
recentGrid.setColumnCount(8);
|
||
recentGrid.setPadding(self.dp(8), self.dp(4), self.dp(8), self.dp(4));
|
||
content.addView(recentGrid);
|
||
|
||
var recentEmptyTv = new android.widget.TextView(context);
|
||
recentEmptyTv.setText("还没有最近颜色");
|
||
recentEmptyTv.setTextColor(subTextColor);
|
||
recentEmptyTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 11);
|
||
recentEmptyTv.setPadding(self.dp(12), self.dp(4), self.dp(12), self.dp(8));
|
||
recentEmptyTv.setVisibility(android.view.View.GONE);
|
||
content.addView(recentEmptyTv);
|
||
|
||
function refreshRecentGrid() {
|
||
try {
|
||
recentGrid.removeAllViews();
|
||
if (!recentColors.length) {
|
||
recentEmptyTv.setVisibility(android.view.View.VISIBLE);
|
||
return;
|
||
}
|
||
recentEmptyTv.setVisibility(android.view.View.GONE);
|
||
var ri;
|
||
for (ri = 0; ri < recentColors.length && ri < MAX_RECENT_COLORS; ri++) {
|
||
(function(hex) {
|
||
var cell = new android.widget.FrameLayout(context);
|
||
var margin = self.dp(3);
|
||
try {
|
||
var lp = new android.widget.GridLayout.LayoutParams();
|
||
lp.width = self.dp(28);
|
||
lp.height = self.dp(28);
|
||
lp.setMargins(margin, margin, margin, margin);
|
||
cell.setLayoutParams(lp);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
|
||
var swatch = new android.view.View(context);
|
||
swatch.setLayoutParams(new android.widget.FrameLayout.LayoutParams(android.widget.FrameLayout.LayoutParams.MATCH_PARENT, android.widget.FrameLayout.LayoutParams.MATCH_PARENT));
|
||
try {
|
||
var bg = new android.graphics.drawable.GradientDrawable();
|
||
bg.setColor(android.graphics.Color.parseColor(hex));
|
||
bg.setCornerRadius(self.dp(5));
|
||
swatch.setBackground(bg);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
cell.addView(swatch);
|
||
|
||
if (selectedColor === hex) {
|
||
try {
|
||
var border = new android.graphics.drawable.GradientDrawable();
|
||
border.setColor(android.graphics.Color.TRANSPARENT);
|
||
border.setCornerRadius(self.dp(5));
|
||
border.setStroke(self.dp(2), T.primaryDeep);
|
||
cell.setForeground(border);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
|
||
cell.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function() {
|
||
self.touchActivity();
|
||
isFollowTheme = false;
|
||
selectedColor = hex;
|
||
currentBaseRgbHex = extractTintRgbHex(hex);
|
||
currentAlphaByte = extractTintAlphaByte(hex);
|
||
updatePreview();
|
||
updateValueTv();
|
||
refreshRecentGrid();
|
||
refreshCommonGrid();
|
||
syncRgbSeeks();
|
||
}
|
||
}));
|
||
recentGrid.addView(cell);
|
||
})(recentColors[ri]);
|
||
}
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
refreshRecentGrid();
|
||
|
||
// 21 色常用颜色
|
||
var commonTitle = new android.widget.TextView(context);
|
||
commonTitle.setText("糖果常用色");
|
||
commonTitle.setTextColor(subTextColor);
|
||
commonTitle.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 12);
|
||
commonTitle.setPadding(self.dp(12), self.dp(8), self.dp(12), self.dp(4));
|
||
content.addView(commonTitle);
|
||
|
||
var commonGrid = new android.widget.GridLayout(context);
|
||
commonGrid.setColumnCount(7);
|
||
commonGrid.setPadding(self.dp(8), self.dp(4), self.dp(8), self.dp(8));
|
||
var ci;
|
||
for (ci = 0; ci < commonTintHexValues.length; ci++) {
|
||
(function(hex) {
|
||
var cell = new android.widget.FrameLayout(context);
|
||
var margin = self.dp(4);
|
||
try {
|
||
var lp = new android.widget.GridLayout.LayoutParams();
|
||
lp.width = self.dp(32);
|
||
lp.height = self.dp(32);
|
||
lp.setMargins(margin, margin, margin, margin);
|
||
cell.setLayoutParams(lp);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
|
||
var swatch = new android.view.View(context);
|
||
swatch.setLayoutParams(new android.widget.FrameLayout.LayoutParams(android.widget.FrameLayout.LayoutParams.MATCH_PARENT, android.widget.FrameLayout.LayoutParams.MATCH_PARENT));
|
||
try {
|
||
var bg = new android.graphics.drawable.GradientDrawable();
|
||
bg.setColor(android.graphics.Color.parseColor(hex));
|
||
bg.setCornerRadius(self.dp(6));
|
||
swatch.setBackground(bg);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
cell.addView(swatch);
|
||
|
||
if (selectedColor === hex) {
|
||
try {
|
||
var border = new android.graphics.drawable.GradientDrawable();
|
||
border.setColor(android.graphics.Color.TRANSPARENT);
|
||
border.setCornerRadius(self.dp(6));
|
||
border.setStroke(self.dp(3), T.primaryDeep);
|
||
cell.setForeground(border);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
|
||
cell.setOnClickListener(new android.view.View.OnClickListener({
|
||
onClick: function() {
|
||
self.touchActivity();
|
||
isFollowTheme = false;
|
||
selectedColor = hex;
|
||
currentBaseRgbHex = extractTintRgbHex(hex);
|
||
currentAlphaByte = extractTintAlphaByte(hex);
|
||
updatePreview();
|
||
updateValueTv();
|
||
refreshRecentGrid();
|
||
refreshCommonGrid();
|
||
syncRgbSeeks();
|
||
}
|
||
}));
|
||
commonGrid.addView(cell);
|
||
})(commonTintHexValues[ci]);
|
||
}
|
||
content.addView(commonGrid);
|
||
|
||
function refreshCommonGrid() {
|
||
try {
|
||
var count = commonGrid.getChildCount();
|
||
var i;
|
||
for (i = 0; i < count; i++) {
|
||
var cell = commonGrid.getChildAt(i);
|
||
if (!cell) continue;
|
||
try { cell.setForeground(null); } catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
var idx = commonTintHexValues.indexOf(selectedColor);
|
||
if (idx >= 0 && idx < count) {
|
||
var matchedCell = commonGrid.getChildAt(idx);
|
||
if (matchedCell) {
|
||
try {
|
||
var border = new android.graphics.drawable.GradientDrawable();
|
||
border.setColor(android.graphics.Color.TRANSPARENT);
|
||
border.setCornerRadius(self.dp(6));
|
||
border.setStroke(self.dp(3), T.primaryDeep);
|
||
matchedCell.setForeground(border);
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
}
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
|
||
// 颜色值显示
|
||
var valueTv = new android.widget.TextView(context);
|
||
valueTv.setTextColor(textColor);
|
||
valueTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 13);
|
||
valueTv.setPadding(self.dp(12), self.dp(4), self.dp(12), self.dp(4));
|
||
content.addView(valueTv);
|
||
|
||
function updateValueTv() {
|
||
valueTv.setText(isFollowTheme ? "当前：跟随岛屿主题" : ("当前：" + (selectedColor || "无")));
|
||
}
|
||
updateValueTv();
|
||
|
||
// RGB 滑块
|
||
var rgbLabels = ["R", "G", "B"];
|
||
var rgbSeeks = [];
|
||
var rgbValTvs = [];
|
||
var ri;
|
||
for (ri = 0; ri < 3; ri++) {
|
||
(function(idx) {
|
||
var row = new android.widget.LinearLayout(context);
|
||
row.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
row.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
row.setPadding(self.dp(12), self.dp(4), self.dp(12), self.dp(4));
|
||
|
||
var label = new android.widget.TextView(context);
|
||
label.setText(rgbLabels[idx]);
|
||
label.setTextColor(textColor);
|
||
label.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 12);
|
||
label.setMinWidth(self.dp(20));
|
||
row.addView(label);
|
||
|
||
var seek = new android.widget.SeekBar(context);
|
||
seek.setMax(255);
|
||
var seekLp = new android.widget.LinearLayout.LayoutParams(0, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, 1);
|
||
seekLp.setMargins(self.dp(8), 0, self.dp(8), 0);
|
||
seek.setLayoutParams(seekLp);
|
||
row.addView(seek);
|
||
rgbSeeks.push(seek);
|
||
|
||
var valTv = new android.widget.TextView(context);
|
||
valTv.setTextColor(subTextColor);
|
||
valTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 11);
|
||
valTv.setMinWidth(self.dp(28));
|
||
row.addView(valTv);
|
||
rgbValTvs.push(valTv);
|
||
|
||
seek.setOnSeekBarChangeListener(new android.widget.SeekBar.OnSeekBarChangeListener({
|
||
onProgressChanged: function(s, progress, fromUser) {
|
||
if (!fromUser) return;
|
||
valTv.setText(String(progress));
|
||
var r = rgbSeeks[0].getProgress();
|
||
var g = rgbSeeks[1].getProgress();
|
||
var b = rgbSeeks[2].getProgress();
|
||
var hex = ("00" + (r >>> 0).toString(16)).slice(-2) + ("00" + (g >>> 0).toString(16)).slice(-2) + ("00" + (b >>> 0).toString(16)).slice(-2);
|
||
currentBaseRgbHex = hex;
|
||
isFollowTheme = false;
|
||
selectedColor = buildArgbHex(currentAlphaByte, currentBaseRgbHex);
|
||
updatePreview();
|
||
updateValueTv();
|
||
refreshRecentGrid();
|
||
refreshCommonGrid();
|
||
},
|
||
onStartTrackingTouch: function() {},
|
||
onStopTrackingTouch: function() {}
|
||
}));
|
||
|
||
content.addView(row);
|
||
})(ri);
|
||
}
|
||
|
||
function syncRgbSeeks() {
|
||
try {
|
||
var initR = parseInt(currentBaseRgbHex.slice(0, 2), 16) || 0;
|
||
var initG = parseInt(currentBaseRgbHex.slice(2, 4), 16) || 0;
|
||
var initB = parseInt(currentBaseRgbHex.slice(4, 6), 16) || 0;
|
||
rgbSeeks[0].setProgress(initR);
|
||
rgbSeeks[1].setProgress(initG);
|
||
rgbSeeks[2].setProgress(initB);
|
||
rgbValTvs[0].setText(String(initR));
|
||
rgbValTvs[1].setText(String(initG));
|
||
rgbValTvs[2].setText(String(initB));
|
||
} catch(e) { safeLog(null, 'e', "catch " + String(e)); }
|
||
}
|
||
syncRgbSeeks();
|
||
|
||
// 透明度滑块
|
||
var alphaRow = new android.widget.LinearLayout(context);
|
||
alphaRow.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
alphaRow.setGravity(android.view.Gravity.CENTER_VERTICAL);
|
||
alphaRow.setPadding(self.dp(12), self.dp(4), self.dp(12), self.dp(8));
|
||
|
||
var alphaLabel = new android.widget.TextView(context);
|
||
alphaLabel.setText("A");
|
||
alphaLabel.setTextColor(textColor);
|
||
alphaLabel.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 12);
|
||
alphaLabel.setMinWidth(self.dp(20));
|
||
alphaRow.addView(alphaLabel);
|
||
|
||
var alphaSeek = new android.widget.SeekBar(context);
|
||
alphaSeek.setMax(255);
|
||
var alphaSeekLp = new android.widget.LinearLayout.LayoutParams(0, android.widget.LinearLayout.LayoutParams.WRAP_CONTENT, 1);
|
||
alphaSeekLp.setMargins(self.dp(8), 0, self.dp(8), 0);
|
||
alphaSeek.setLayoutParams(alphaSeekLp);
|
||
alphaRow.addView(alphaSeek);
|
||
|
||
var alphaValTv = new android.widget.TextView(context);
|
||
alphaValTv.setTextColor(subTextColor);
|
||
alphaValTv.setTextSize(android.util.TypedValue.COMPLEX_UNIT_SP, 11);
|
||
alphaValTv.setMinWidth(self.dp(28));
|
||
alphaRow.addView(alphaValTv);
|
||
|
||
alphaSeek.setOnSeekBarChangeListener(new android.widget.SeekBar.OnSeekBarChangeListener({
|
||
onProgressChanged: function(s, progress, fromUser) {
|
||
if (!fromUser) return;
|
||
alphaValTv.setText(String(progress));
|
||
currentAlphaByte = progress;
|
||
isFollowTheme = false;
|
||
selectedColor = buildArgbHex(currentAlphaByte, currentBaseRgbHex);
|
||
updatePreview();
|
||
updateValueTv();
|
||
refreshRecentGrid();
|
||
refreshCommonGrid();
|
||
},
|
||
onStartTrackingTouch: function() {},
|
||
onStopTrackingTouch: function() {}
|
||
}));
|
||
|
||
alphaSeek.setProgress(currentAlphaByte);
|
||
alphaValTv.setText(String(currentAlphaByte));
|
||
content.addView(alphaRow);
|
||
|
||
// 操作按钮
|
||
var actionRow = new android.widget.LinearLayout(context);
|
||
actionRow.setOrientation(android.widget.LinearLayout.HORIZONTAL);
|
||
actionRow.setGravity(android.view.Gravity.CENTER);
|
||
actionRow.setPadding(self.dp(12), self.dp(8), self.dp(12), self.dp(8));
|
||
|
||
var btnClear = self.ui.createFlatButton(self, "恢复默认", T.primaryDeep, function() {
|
||
self.touchActivity();
|
||
isFollowTheme = true;
|
||
selectedColor = "";
|
||
updatePreview();
|
||
updateValueTv();
|
||
refreshRecentGrid();
|
||
refreshCommonGrid();
|
||
syncRgbSeeks();
|
||
alphaSeek.setProgress(255);
|
||
alphaValTv.setText("255");
|
||
currentAlphaByte = 255;
|
||
});
|
||
actionRow.addView(btnClear);
|
||
|
||
var btnOk = self.ui.createSolidButton(self, "保存颜色", T.primary, T.onPrimary, function() {
|
||
self.touchActivity();
|
||
try {
|
||
var finalColor = isFollowTheme ? "" : String(selectedColor || "");
|
||
if (!isFollowTheme && selectedColor) {
|
||
pushRecentColor(selectedColor);
|
||
}
|
||
if (typeof onSelect === "function") {
|
||
try { onSelect(finalColor); } catch(eOnSelect) {
|
||
safeLog(self.L, 'e', "colorPicker onSelect err=" + String(eOnSelect));
|
||
}
|
||
}
|
||
} catch(e) {
|
||
safeLog(self.L, 'e', "colorPicker confirm err=" + String(e));
|
||
}
|
||
closePopup();
|
||
});
|
||
actionRow.addView(btnOk);
|
||
|
||
content.addView(actionRow);
|
||
}
|
||
});
|
||
|
||
return popupResult;
|
||
};
|