問題タブ [androidsvg]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
android - AndroidSVG と Universal Image Loader を使用した SVG のデコード
uilでsvgsを表示しようとしています。次のように、androidsvg ( http://code.google.com/p/androidsvg/ ) を使用して独自のイメージデコーダーを作成しました。
SVG は表示されますが、次の問題が発生します。
1.) 色と画像がレンダリングおよび表示されない 2.) レンダリングに時間がかかりすぎて、logcat は次のように表示されます。
では、どうすればパフォーマンスを向上させ、問題を解決できるでしょうか? svgs を uil と統合するより良い方法はありますか?
android - アプリが戻るまたはホームで閉じられたときにCPUを使用するAndroidアプリ - ViewPagerのアニメーション
ViewPager のフラグメントにアニメーションがあるアプリがあります。リストフラグメントの空のオプションに ViewPager を表示しています。アニメーションは、AnimatorSets に結合された NineOldAndroids ObjectAnimators であり、その一部は svg-android で表示される SVG をアニメーション化します。
ViewPager でページを変更すると、アニメーションはフラグメントで次のコードを使用しなくなります。
ビュー内のこのコードは、ValueAnimator.AnimatorUpdateListener を実装しています。
アニメーション ページを表示していないときに [戻る] を押して終了すると、アプリは数時間後でも 1 ~ 5% の CPU を使用します。アニメーション中にページで [戻る] を押すと、アプリはバックグラウンドでの実行時に 10 ~ 30% の CPU を使用します。
onPause が呼び出されたフラグメントを通過する良い方法はありますか? アニメーションが停止したときに、アプリがまだ 1 ~ 5% の CPU を使用している理由はありますか?
Stack Exchange に投稿するのに十分なほど小さいアプリでこれを複製することは不可能であることがわかりました。
android - Android: ズームイン/ズームアウトを使用して SVGImageView に四角形を描画します
本質的に、ピンチズームを可能にしながら、複数の ImageView (そのうちの 1 つは平面図、もう 1 つは四角形) を互いの上に重ねようとしています。私が目指している効果は、この投稿と非常によく似ています: http://stackoverflow.com/questions/10482229/draw-rectangle-over-imageview-for-highlight-that-can-be-zoom-in-out-アンドロイド?rq=1. ただし、(ユーザーが画面をタップしたときではなく) アプリケーションの起動時に四角形を表示し、時間の経過とともにその位置を更新する必要があります。
私の画像の 1 つは、間取り図の SVG ファイルです。AndroidSVG ライブラリ (https://code.google.com/p/androidsvg/) を使用して、SVGImageView として Android にレンダリングしています。私の現在の実装では、この SVG ファイルのピンチ ズームとパンが可能です (アプリケーションの起動時: http:/ /imgur.com/SceJuni、ピンチ ズーム後: http:/ /imgur.com/wL8anKd)。
(リンクにスペースがあり申し訳ありません。評判ポイントが 10 に達していないため、複数のリンクを投稿することはできません)
次に、この SVGImageView を四角形でオーバーレイして、このマップ上の場所を示す必要があります。SVGImageView がズームインおよびズームアウトするのに合わせて、この四角形をズームインおよびズームアウトします。このリンク (https://github.com/matabii/scale-imageview-android) から ScaleImageView クラスを使用することを検討しましたが、どのように進めればよいかわかりません。
リポジトリは次のとおりです: https://github.com/mthai95/SVGApp
そして、私がこれまでに持っているものは次のとおりです。
android - ユーザーとの距離を計算します。Android の要素
AndroidSVGライブラリを介して Android で svg をレンダリングしたい(ただし、別のソリューションを使用することもできます)。Touchevent を受け取ったときに、タッチ イベントと特定の svg 要素の間の距離を計算したいと考えています。具体的には<svg:g id:"myElement">
要素。その要素は、たくさんの<svg:path ...>
子を含んでいます。
現時点では、そのタスクをどのように進めればよいかわかりません。デフォルトでこの機能をサポートする利用可能なライブラリがない場合でも、誰かが私が実装できるアルゴリズムを教えてくれれば幸いです。
android - Drawable をスケーリングされた Bitmap に変換する方法
私の ImageView ではonDraw
、Drawable オブジェクトをビットマップに変換するのに苦労しています (スケーリングを考慮して)。SVG ファイルを PictureDrawable として読み込んでいます。次に、BitmapShader を使用して画像に角を丸くしようとしています。そのためには、Drawable を Bitmap に変換する必要があります。基本的には機能しますが、スケーリング手順については頭に浮かびません。
centerCrop スケーリングの誤ったレンダリングの例:
上記のコード コメントで説明されている問題に加えて、この重いビットマップ変換の代わりに、clipPath などの描画操作で画像/SVG ファイルをマスクできるかどうか疑問に思っています。しかし、もちろん、アンチエイリアスが必要です。
コードはもともと Scala で書かれており、SO 用に大まかに Java に変換されているため、構文エラーは無視してください。
android - 不透明度を PictureDrawable に設定
PictureDrawable
では通常setAlpha()
は実装されていないため、オブジェクトに不透明度を設定する際のアドバイスが必要PictureDrawable
です。私のケースはこれとかなり似ています(ライブラリを使用して生のリソースの SVG からドローアブルも取得します)。しかし、不透明度を動的に変更したいので(作成時にカラーフィルターを適用するのではなく)、このソリューションを使用できません。
で描画するときに、コンテキストが複数のドローアブルをアニメーション化していSurfaceView
ます。
この状況での適切な回避策は何ですか?
ありがとうございました。
android - Android Volley 表示 SVG 画像
私の Android アプリでは、Web サイトからテキスト コンテンツをダウンロードし、それを mysql データベースに保存します。今、同じウェブサイトから画像をダウンロードしてキャッシュしたいと考えています。AndroidVolley の<com.android.volley.toolbox.NetworkImageView
では、通常の写真のダウンロードはかなりうまく機能します。しかし、SVG ベクター画像をダウンロードしてキャッシュし、アプリに表示したいと考えています。これまでのところ、これは Android Volley では不可能です...
私はすでに AndroidVolley を文字列として SVG をダウンロードし、それらを svg-android 要素に入れようとしましたが (こちらを参照)、svg-android は私のイメージを表示しませんでした。Inkscape で作成された SVG を表示できないようです...
これらのファイルをダウンロードしてビューに表示する簡単な方法を知っている人はいますか?
ありがとう
// 2015 年 3 月 27 日更新 //
これが私の解決策です。Android Volley をStringRequest
使用して、SVG イメージに文字列としてアクセスするように設定しました。AndroidSVGライブラリ( svg-android ライブラリと混同しないでください) は、この String を SVG-Object に変換し、それをSVGImageView
-View に入れることができます。これがどのように機能したかのコード例です:
どうもありがとう!