cari
Rumahhujung hadapan webhtml tutorialImageGetter 显示 Html 中的图片_html/css_WEB-ITnose

ImageGetter

在 TextView 中显示 html ,需要使用 ImageGetter 解析标签。ImageGetter 是一个接口,需要实现里面的方法。

public DrawablegetDrawable(String source); 

简单的 ImageGetter 实现

创建一个 Drawable 对象,保留引用并返回,异步请求网络,获取图片,获取到图片后,转换为 Bitmap ,交给 Drawable 对象进行绘制。– 自定义 Drawable 对象

static class MyDrawable extends BitmapDrawable{    BitmapmBitmap;     public MyDrawable()    {      super();    }     @Override    public void draw(Canvascanvas)    {      super.draw(canvas);      if(mBitmap != null)      {        canvas.drawBitmap(mBitmap,0,0,getPaint());      }    }     public void setBitmap(Bitmapbitmap)    {      mBitmap = bitmap;    }} 

  • 实现 getDrawable() 方法

    MyImageGetter 有一个 TextView 成员,用于保存用于图片显示的 TextView ,加载完成后,调用 TextView 的 invalidate() 方法刷新视图。

public MyImageGetter(TextViewview){  mContainer = view;}  @Overridepublic DrawablegetDrawable(String s){  // 初始化占位 Drawable  final MyDrawabledrawable = new MyDrawable();   // 初始化请求对象  LocalHostModelmodel = new LocalHostModel();   // 设置回调函数  model.setImageListener(new LocalHostModel.OnRequestImageListener()  {    @Override    public void onSuccess(Bitmapbitmap)    {      // 处理 bitmap 刷新视图      drawable.setBitmap(bitmap);       int height = bitmap.getHeight();      int width = bitmap.getWidth();       drawable.setBounds(0, 0, width, height);       mContainer.invalidate();    }     @Override    public void onFailed(String msg)    {      Log.i(TAG, "onFailed: " + msg);    }  });   // 请求图片  model.requestImage(s);   return drawable;} 

图片的显示

  • Drawable.setBounds(Rect) 方法

    The setBounds(Rect) method must be called to tell the Drawable where it is drawn and how large it should be. All Drawables should respect the requested size, often simply by scaling their imagery. A client can find the preferred size for some Drawables with the getIntrinsicHeight() and getIntrinsicWidth() methods.

    Drawable.setBounds(Rect) 用于设置绘图的位置,和绘图的区域。

  • Canvas.drawBitmap()bitmap 要通过 Drawable.draw(Canvas) 函数绘制,可以通过 Canvas.drawBitmap() 控制 bitmap 在Drawable 中的显示位置。

  • 控制图片居中显示
  • 首先获取 TextView 的宽度,减去 paddingLeft paddingRight 即为 Drawable 可用的显示宽度;
  • 通过上面的两个方法配合,控制图片居中显示。

private void handleBitmap(MyDrawabledrawable, BitmapsrcBitmap){  // 获取原 bitmap 的大小  int srcHeight = srcBitmap.getHeight();  int srcWidth = srcBitmap.getWidth();   // drawable 可用的显示宽度  int containerPadding = mContainer.getPaddingLeft() + mContainer.getPaddingRight();  int drawableWidth = mContainer.getMeasuredWidth() - containerPadding;  int dstWidth = drawableWidth - mPadding * 2;   // 图片较小,不缩放  if (dstWidth >= srcWidth)  {    drawable.setBitmap(srcBitmap);     // 设置 drawable 区域    int drawableHeight = srcHeight + 2 * mPadding;    drawable.setBounds(0, 0, drawableWidth, drawableHeight);     // 设置 bitmap 绘制区域    int left = (drawableWidth - srcWidth) / 2;    int top = mPadding;    Rectrect = new Rect(left, top, left + srcWidth, top + srcHeight);    drawable.setDstRect(rect);   } else  {    // 图片缩放矩阵    Matrixmatrix = new Matrix();    float scale = (float) dstWidth / srcWidth;    matrix.postScale(scale, scale);     // 转换 bitmap 为适合 drawable 的大小    BitmapdstBitmap = Bitmap.createBitmap(srcBitmap, 0, 0, srcWidth, srcHeight, matrix, false);    drawable.setBitmap(dstBitmap);     // 设置 drawable 区域    int dstHeight = srcHeight * drawableWidth / srcWidth;    int drawableHeight = dstHeight + 2 * mPadding;    drawable.setBounds(0, 0, drawableWidth, drawableHeight);     // 设置 bitmap 绘制区域    int left = mPadding;    int top = mPadding;    Rectrect = new Rect(left, top, left + dstWidth, top + dstHeight);    drawable.setDstRect(rect);  }}static class MyDrawable extends BitmapDrawable{  BitmapmBitmap;  RectmSrcRect;  RectmDstRect;   public MyDrawable(Resourcesres, Bitmapbitmap)  {    super(res, bitmap);  }   public void setSrcRect(RectsrcRect)  {    mSrcRect = srcRect;  }   public void setDstRect(RectdstRect)  {    mDstRect = dstRect;  }   @Override  public void draw(Canvascanvas)  {    super.draw(canvas);     // 绘制 bitmap    if (mBitmap != null)    {      if (mSrcRect != null && mDstRect != null)      {        canvas.drawBitmap(mBitmap, mSrcRect, mDstRect, getPaint());      } else if (mDstRect != null)      {        int width = mBitmap.getWidth();        int height = mBitmap.getHeight();         RectsrcRect = new Rect(0, 0, width, height);        canvas.drawBitmap(mBitmap, srcRect, mDstRect, getPaint());      } else      {        canvas.drawBitmap(mBitmap, 0, 0, getPaint());      }    }  }   public void setBitmap(Bitmapbitmap)  {    mBitmap = bitmap;  }} 

参考链接

  • Drawable
Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Apakah tujuan & lt; DATALIST & GT; unsur?Apakah tujuan & lt; DATALIST & GT; unsur?Mar 21, 2025 pm 12:33 PM

Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

Apakah tujuan & lt; kemajuan & gt; unsur?Apakah tujuan & lt; kemajuan & gt; unsur?Mar 21, 2025 pm 12:34 PM

Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

Apakah tujuan & lt; meter & gt; unsur?Apakah tujuan & lt; meter & gt; unsur?Mar 21, 2025 pm 12:35 PM

Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif?Apakah tag meta viewport? Mengapa penting untuk reka bentuk responsif?Mar 20, 2025 pm 05:56 PM

Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?Mar 20, 2025 pm 06:05 PM

Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?Mar 17, 2025 pm 12:27 PM

Artikel ini membincangkan menggunakan atribut pengesahan bentuk HTML5 seperti had, corak, min, max, dan panjang untuk mengesahkan input pengguna secara langsung dalam penyemak imbas.

Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik?Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik?Mar 12, 2025 pm 04:05 PM

Artikel ini menerangkan html5 & lt; time & gt; elemen untuk perwakilan tarikh/masa semantik. Ia menekankan pentingnya atribut DateTime untuk pembacaan mesin (format ISO 8601) bersama teks yang boleh dibaca manusia, meningkatkan aksesibilit

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?Mar 17, 2025 pm 12:20 PM

Artikel membincangkan amalan terbaik untuk memastikan keserasian silang pelayar HTML5, memberi tumpuan kepada pengesanan ciri, peningkatan progresif, dan kaedah ujian.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Muat turun versi mac editor Atom

Muat turun versi mac editor Atom

Editor sumber terbuka yang paling popular

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini

mPDF

mPDF

mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),