iOS版Spoon（Ver.7.1.0）の固定コメント内URLの不具合について

yu1row

※Android版は現在のところこの問題は全く発生しませんのでご安心ください
※暫定対策は下の方に書きましたので、お急ぎの方はスクロールしてください

不具合の内容について

SpoonのLiveの固定コメントにURLを書いておくと自動的にリンクになり、タップすることでアプリ内のビューでそのページを見ることができる機能があります。
ただし、iOS版ではこの機能が実装された当初より文字列の高さ、位置の計算にミスがあるのか、タップできる場所がずれていました。
さらにVer.7.1.0のアップデートでtwitterリンクの位置が切り出されて固定されるようになり、固定コメントの書き方によってはURLリンクのタップできる場所がなくなるという状況が発生しました。

暫定の対策がわかりましたので残しておきます。

iOS版SpoonのVer.7.0.1までの動作

固定コメントの記述例①

1行目
https://hogehoge
3行目
twitter:your_tw_account
記述例①の時、Spoonで実際に表示される固定コメント

実際に表示されるURLが1行目に被ってしまい、さらにタップできる範囲が下側にずれているのがわかります。

固定コメントの記述例②

1行目
（改行だけ）
https://hogehoge
4行目
twitter:your_tw_account
記述例②の時、Spoonで実際に表示される固定コメント

記述例①と同様な状況が見て取れますが、2行目を改行だけにしておくことでURLの表示が被って見えづらくなっているのだけは解消できていました。

iOS版SpoonのVer.7.1.0でのNGな書き方

▼以下のリンクをクリック▼
https://hogehoge
twitter:your_tw_account
NGな書き方で実際に表示される固定コメント

どこをタップしても、URLで指定したページを開くことはできなくなってしまいます。
なお、twitterリンクはエリアが切り出されており、開くことができます。

iOS版SpoonのVer.7.1.0でなんとかする書き方（暫定対策方法）

▼以下のリンクをクリック▼
（改行だけ）
https://hogehoge
何らかのコメント１
何らかのコメント２
twitter:your_tw_account
暫定対策で実際に表示される固定コメント（iOS版）
参考：暫定対策で実際に表示される固定コメント（Android版）

Android版ではリンクの上に不自然な空白行ができてしまいますが、タップできる場所を残しつつ、iOS版／Android版両方で全体が表示されるようにするには、URL行の上に改行だけの空白行を設け、URL行の後に何らかの行を追加しておきます（1行でもOK）。
なお、URLは4行目以降に書くのはオススメできません。

知り得たノウハウの備忘録

  • 「twitter:xxxx」の行は、どこの行に書いてあっても切り出されて、エリアが分離されるようになった（iOS版:Ver.7.1.0以降）

  • 固定コメントに記載されたURLは短縮URLみたいな301や302でリダイレクトされたものは動かない（恐らくセキュリティポリシー：iOS版のみ）

  • URLを1行目に書くと、1行目に上半分以上が切れた状態で表示されてしまう（iOS版のみ）

  • URLの行を3行目以降に書くとタップできる場所がさらに下側に動いてしまうのでオススメできない（iOS版のみ）

所感

恐らくheightOfString()に渡してるfontが不正とか、動的にURL文字列切り出ししてるとかしてる時の計算ミスとかそのあたりじゃないでしょうか。
一旦運営へは不具合/改善要望を投げてあるので修正されることを望むところですが…SPOONは新機能の追加にリソースを費やしてて、この手のUIの細かいバグ修正は腰が重いイメージがあります。


この記事が気に入ったらサポートをしてみませんか？