質問編集履歴
2
質問文を書き加えました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
現在は<color=#000000></color>などのタグを用いることで文字の色や大きさを変更することができますが、ユーザーに使いやすくするために、タグを使わないで設定できるようにしたいです。
|
|
11
|
+
現在は<color=#000000></color>や<size=100%></size>などのタグを用いることで左上のTextMeshProの文字の色や大きさを変更することができますが、ユーザーに使いやすくするために、タグを使わないで色と文字の大きさを設定できるようにしたいです。
|
|
12
12
|
|
|
13
13
|
色はカラーピッカーを使い、文字の大きさは大・中・小のボタンを押すことで、右上に追加で入力した文字列を、設定した色と大きさで左上に表示させる予定です。
|
|
14
14
|
|
|
@@ -22,12 +22,88 @@
|
|
|
22
22
|
|
|
23
23
|
現在は上記のサイトを参考にしようと考えています。
|
|
24
24
|
|
|
25
|
-
inputTextに追加で入力した文字列の部分のみを特定し、1文字ずつ<color=#000000><size=100%>あ</size></color><color=#000000><size=100%>い</size></color><color=#000000><size=100%>う</size></color><color=#000000><size=100%>え</size></color><color=#000000><size=100%>お</size></color>のように変換しようと思っています。
|
|
26
|
-
|
|
27
25
|
|
|
28
26
|
|
|
29
27
|
もし他にもっと簡単な方法があるのであれば、そちらを試したいと考えて質問をしました。現在私が考えている方法で実装することが最も簡単である可能性が高い場合は、そのままでよいと教えていただけると助かります。
|
|
30
28
|
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
###実際の操作例
|
|
32
|
+
|
|
33
|
+
まず始めにカラーピッカーで#000000、文字の大きさボタンを「中」を選択した状態で右上のinputTextに「あいうえお」と入力します。
|
|
34
|
+
|
|
35
|
+
すると、左上のTextMeshProには<color=#000000><size=100%>あ</size></color><color=#000000><size=100%>い</size></color><color=#000000><size=100%>う</size></color><color=#000000><size=100%>え</size></color><color=#000000><size=100%>お</size></color>の文字列が入力されます。
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
次にカラーピッカーで#555555、文字の大きさボタンを「小」を選択した状態で右上のinputTextに「あい」と「うえお」の間にカーソルを合わせ、「か」を入力します。
|
|
40
|
+
|
|
41
|
+
すると、左上のTextMeshProには<color=#000000><size=100%>あ</size></color><color=#000000><size=100%>い</size></color><color=#555555><size=50%>か</size></color><color=#000000><size=100%>う</size></color><color=#000000><size=100%>え</size></color><color=#000000><size=100%>お</size></color>の文字列が入力されます。
|
|
42
|
+
|
|
43
|
+
このようにTextMeshProに表示する文字は、1文字ずつ色や大きさが異なった状態で表示することもあります。
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
この実装を簡単にするため、先にカラーピッカーで色と文字の大きさボタンを選択しておき、その状態で右上のInputTextに追加入力した文字列のみの色と大きさを指定した状態で左上のTextMeshProに表示したいです。
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
現在考えている方法は、
|
|
52
|
+
|
|
53
|
+
1文字目 色000000, 文字の大きさ100%,
|
|
54
|
+
|
|
55
|
+
2文字目 色000000, 文字の大きさ100%,
|
|
56
|
+
|
|
57
|
+
3文字目 色555555, 文字の大きさ50%,
|
|
58
|
+
|
|
59
|
+
4文字目 色000000, 文字の大きさ100%,
|
|
60
|
+
|
|
61
|
+
5文字目 色000000, 文字の大きさ100%,
|
|
62
|
+
|
|
63
|
+
6文字目 色000000, 文字の大きさ100%,
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
のようなデータを配列で保存し、右上のinputTextから左上のTextMeshProに変換する際に1文字ずつタグを付けることを考えています。
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
また、例えば<color=#000000><size=100%>あいうえお</size></color>のようにタグの指定範囲を2文字以上してしまうと、文字列を部分的に削除や追加したときにタグを削除するなどの条件が難しくなると思い、TextMeshProの1文字ごとにタグを付けるのが良いと考えています。
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
31
75
|
### 補足情報（FW/ツールのバージョンなど）
|
|
32
76
|
|
|
33
77
|
Unity2019.4.2
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
###補足
|
|
82
|
+
|
|
83
|
+
「カーソルで入力されている文字列を選択し、その前後にカラーコードを挟む（teratailの質問・回答欄のUIっぽい感じ）の機能」はなくても良いです。(あったほうがユーザーに使いやすくなるとは思いますが、実装が難しそうなので後回しで良いです。)
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
「文字列全体の文字サイズが変わる（この場合タグではなく、表示する方のTextコンポーネントの文字サイズを変えるというやり方も考えられる）」は、私が考えているものと異なります。TextMeshProに表示される文字の色と大きさは、1文字ずつ変更することも可能にしたいです。
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
長い説明となってしまいましたが、私が実装したい機能は以下のものになります。
|
|
92
|
+
|
|
93
|
+
- 左上のTextMeshProに表示される文字の色と大きさを1文字ずつ変更することも可能にしたい
|
|
94
|
+
|
|
95
|
+
- 右上のinputTextに<color=#000000><size=100%>あ</size></color>のようなタグをユーザーに理解・入力することは難しいため、カラーピッカーやボタンのようなもので簡単に文字の色と大きさを設定できるようにしたいです。
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
理想としては、PowerPointのように文字の色や大きさをマウスのクリックのみで簡単に設定できることです。
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
参考になるアセットやサイト、もしくは私の実装方法よりも良い方法などがありましたら、教えていただけると助かります。
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
分かりづらい点があるかと思います。その時は補足すべき部分などを教えて欲しいです。
|
|
108
|
+
|
|
109
|
+
よろしくお願いします。
|
1
質問文を書き直しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,9 +18,11 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
[https://teratail.com/questions/175312](https://teratail.com/questions/175312)
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
現在は上記のサイトを参考にしようと考えています。
|
|
24
|
+
|
|
25
|
+
inputTextに追加で入力した文字列の部分のみを特定し、1文字ずつ<color=#000000><size=100%>あ</size></color><color=#000000><size=100%>い</size></color><color=#000000><size=100%>う</size></color><color=#000000><size=100%>え</size></color><color=#000000><size=100%>お</size></color>のように変換しようと思っています。
|
|
24
26
|
|
|
25
27
|
|
|
26
28
|
|
|
@@ -28,6 +30,4 @@
|
|
|
28
30
|
|
|
29
31
|
### 補足情報（FW/ツールのバージョンなど）
|
|
30
32
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
Unity2019.4.2
|