エス技研

WordPress、CakePHP、PHP、baserCMSなどの Web系システムを中心に情報を提供します!


Google Swiffyの使い方 【4】Swiffyに FlashVars的テキスト渡しで発生する不具合(テキストの背景が黒くなる)(テキストが上にずれる)

      2014/06/26

Swiffyの背景が黒くなる場合の対処方法

 
前項で説明したテキスト情報を渡して表示させる処理ですが、この処理を行うと表示させたテキストの背景が黒くなる場合があります。(下記参照。今回の一連の記事の中で使っている画像は、実際のものではなく、あくまでも説明のために作成した画像です。そのため、実際の表示と違う場合もありますのでその点はご承知おきください。)
 
20121201_swiffy
 
その原因と対応方法については、下記のブログが参考になります。
 
 iOS6になったら、Google swiffy で書き出したFLASHのtextfield(テキスト)の背景が黒くなった問題
 http://d.hatena.ne.jp/bushimichi/20121011/1349920357
 
 
ただ、原因から考えると、黒くなる場合だけではなく、白くなる場合もあるわけですので、SEO対策として下記のタイトルも書いておきましょう。
 
「iOS6になったら、Google swiffyで書き出した FLASHの textfield(テキスト)の背景が白くなった問題」にも対応できます(笑)。
 
 
 

Swiffyに表示したテキストがずれる場合の対処方法

 
また、文字を編集する場合の不具合として、文字が上にずれるという問題がありました。(画面のイメージは、上記のものをご覧ください。)
 
 
この問題は、Swiffyの runtimeのバージョンが「4.8」と「4.9」では対応方法が違うようです。(「4.8」で文字ずれが起こらないように Flashを調整しても「4.9」にする事で文字ズレが発生します。)
 
現在の最新版「4.9」での対処方法は、Flashのテキストで行間を設定する際に「マイナス」の設定をする事で対応が可能な場合があるようです。(「4.8」で同様の不具合が起こった際は、行間を大きくするという対処で対応をすることができましたが。)
 
私の環境で具体的に設定した値としては、行間の設定を「-10」に設定にする事で対応が出来ました。
数値は文字のサイズ、サイズの単位にも影響すると思いますので、各自の環境で適切な値を設定してください。
 
 
20121201_swiffy_2
 
Swiffyで変換したあとの JSONの中では、上記の部分が行間を設定している箇所になります。(赤色のアンダーラインの部分。上記の画像は分かりやすく改行しています。また、改行をしていても問題なく動作します。)
 
Flashと JSONでは単位が違うようで、Flashで「-10」の設定をすると、変換後は「-200」になるようです。
(おそらく、Swiffy上の数値の単位はビットだと思われます。)
 
また、テキストを編集する変数も確認することができます。(黄色のアンダーラインの部分。)
 
これらを参考に、置換する場所の不具合を探し出し、調整をすることで不具合の解決に近づくことができるかと思います。
 
 
 
【Google Swiffy 使い方目次】
Google Swiffyの使い方 【1】基本編
Google Swiffyの使い方 【2】日本語の文字化けについて
Google Swiffyの使い方 【3】Swiffyに FlashVars的にテキストを渡す方法(Swiffyでは扱えない文字「%」「+」「&」)
Google Swiffyの使い方 【4】Swiffyに FlashVars的テキスト渡しで発生する不具合(テキストの背景が黒くなる)(テキストが上にずれる)
Google Swiffyの使い方 【5】Swiffyの画像を差し替える方法
Google Swiffyの使い方 【6】Swiffyの Flashムービー・Flashベクターを差し替える方法
Google Swiffyの使い方 【7】Swiffyの バージョンの調べ方

 - Google Swiffy・Google関連

GoogleAdwords

GoogleAdwords

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

下記の空欄を埋めてください。 * Time limit is exhausted. Please reload CAPTCHA.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

※入力いただいたコメントは管理者の承認後に掲載されます。

  関連記事

Google Swiffyの使い方 【7】Swiffyの バージョンの調べ方

Google Swiffyの使い方 【7】Swiffyの バージョンの調べ方を解説。

Google Swiffyの使い方 【1】基本編

Google Swiffyの使い方 【1】基本編。Google Swiffyの使い方を説明するシリーズの 1本目として、基本的な使い方、仕組みを説明します。

Swiffyで変換されたファイルの Base64変換された画像を置換する方法

Swiffyで変換されたファイルの Base64変換された画像を置換する方法を解説。

Google Swiffyの使い方 【3】Swiffyに FlashVars的にテキストを渡す方法(Swiffyでは扱えない文字「%」「+」「&」)

Google Swiffyの使い方 【3】Swiffyに FlashVars的にテキストを渡す方法(Swiffyでは扱えない文字「%」「+」「&」)

Googleアカウントの特徴と登録方法、使い分けの解説

Google+を始めるためにも必要なGoogleアカウントの登録方法解説。

Google Swiffyの使い方 【2】日本語の文字化けについて

Google Swiffyの使い方 【2】日本語の文字化けについて。Google Swiffyは日本語に対応していませんので、その対応方法についての説明です。

Google reCAPTCHAのSite key、Secret keyの取得方法・20170408バージョン
Google reCAPTCHAのSite key、Secret keyの取得方法・20170408バージョン

ログイン画面や登録画面に出てくるreCAPTCHAの「私はロボットではありません」の実装には利用するサイトの登録が必要。その登録方法を詳細解説。設定ミスによる不具合の分類、解決方法を解説。

ads.txtの設置方法解説。AdSenseの警告への対処と設置の確認方法
ads.txtの設置方法解説。AdSenseの警告への対処と設置の確認方法

ある日突然Googleがads.txtを設置せよと警告を発した。AdSenseの画面に真っ赤な警告が表れて戸惑ったが、ads.txtは簡単な1行のテキストファイルを設置するだけなので、作業をする気になれば簡単だ。

Googleマップの企業名検索で出る人気キーワードを変更する方法を探る

企業名検索をして表示されるキーワードは気になるところですが、この項目を変更することができるのか?調べて見ましたが編集できないようです。

Google Swiffyの使い方 【5】Swiffyの画像を差し替える方法

Google Swiffyの使い方 【5】Swiffyの画像を差し替える方法を解説。