Question

如何使用图标替换文字，就像使用竖起大拇指图标替换（y）一样（例如在FB中）

类似

recyclerView = findViewById(R.id.recycler_view);
mAdapter = new YourAdapter(yourParameters);
recyclerView.setLayoutManager(
new StaggeredGridLayoutManager(spanCount /*in your case number of columns*/, StaggeredGridLayoutManager.VERTICAL /*orientation*/));
recyclerView.setAdapter(mAdapter);

Answer 1

您的问题是关于您正在工作的场景的信息。由于您提到'Facebook'，我相信您需要Javascript而不是AutoHotKey。所以，这是使用Javascript在HTML页面中按图标切换字母的两个步骤。我希望它可以启发你的想法：

1-在您的HTML头像中加入一个图标库，如<link href="https://fonts.googleapis.com/icon?family=Material+Icon‌s" rel="stylesheet">（除了Google的其他选项，还有其他选项）

2-使用Javascript将(Y)之类的每个表达式替换为图标的库代码，例如<i class="material-icons">thumb_up</i>

工作片段：

function replace(){

var box = document.getElementById('box');
var str = box.value;
  
var filterok = str.replace(/\(Y\)/gi, "<i class='material-icons'>thumb_up</i>");  
var filtersmile= filterok.replace(/\=\)/gi, "<i class='material-icons'>&#xE24E;</i>");  
var filterHHH= filtersmile.replace(/HHH/gi, "<i class='material-icons'>favorite</i>");
  
 document.getElementById("target").innerHTML = filterHHH; 
}

body {
background: lavender;  
}

<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<body onload="javascript: replace()">

<textarea rows="4" cols="50" oninput="replace()" id=box>
Every (Y) and =) and HHH inserted here will be substituted by a match icon.
</textarea>
<br>
<span id=target></span>
</body>

ps：g上的StringReplace代表'全球'，而gi代表'全局+不区分大小写'。

ps2：\用于替换图标调用中使用的特殊字符。

ps3：Google Material Icons List

如果您的意思是使用AutoHotKey来编辑网页的HTML代码，那么使用AutoHotKey代替Javascript执行上述示例的方式将是：

FileRead, filevar, page.html

symbolA:="(y)"
symbolB:="=)"
symbolC:="HHH"

StringReplace, filevar, filevar, %symbolA%, <i class='material-icons'>thumb_up</i>, All
StringReplace, filevar, filevar, %symbolB%, <i class='material-icons'>&#xE24E;</i>, All
StringReplace, filevar, filevar, %symbolC%, <i class='material-icons'>favorite</i>, All

FileDelete, page.html
FileAppend, %filevar%, page.html

return

Autohotkey：用图标替换文本

1 个答案: