欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android 圓角邊框的實(shí)現(xiàn)方式匯總

 更新時(shí)間:2016年03月21日 14:12:21   投稿:mrr  
這篇文章主要介紹了Android 圓角邊框的實(shí)現(xiàn)方式匯總的相關(guān)資料,需要的朋友可以參考下

首先我將貼出幾種實(shí)現(xiàn)圓角邊框的dmeo程序效果圖:

方式一:使用shape元素填充背景,設(shè)置圓角/帶弧度的角

1、首先在 \res\drawable下新建Shape為根元素的資源文件:corners_bg.xml, 代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 設(shè)置填充顏色 為白色 -->
<solid android:color="#FFFFFF" />
<!-- 設(shè)置幾何圖形四個(gè)角的弧度 -->
<corners android:radius="10dp"/>
<!-- 設(shè)置幾何形狀繪制邊框 紅色邊框 -->
<stroke android:color="#CD2626"
android:width="2dp"/>
</shape>

2、在layout布局文件中對(duì)需要圓角的控件引用第一步的xml文件作為背景即可。 如圖

3、效果顯示為 demo程序效果圖中的 圖一 效果

方式二:使用.9<九妹>帶圓角圖片設(shè)為背景


如圖mm_title_act_btn_normal.9.png 是一張帶圓角的圖片,只需引用它作為控件[這里是Button]背景資源即可。顯示效果為 demo程序效果圖中的 圖二 效果

方式三:重寫控件的draw方法[這里我以繼承ImageView為例]:重新draw方法,繪制控件的圓角效果

1、CornersImageView.java為自定義的圓角ImageView 代碼如下:

package com.ice.cornersdemo;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;
/**
* 自定義帶圓角的ImageView
* Created by ice on 14-8-6.
*/
public class CornersImageView extends ImageView{
private Bitmap mBitmap;
private BitmapShader mBitmapShader;
private final Matrix mShaderMatrix = new Matrix();
private final Paint mBitmapPaint = new Paint();
private final RectF mDrawableRect = new RectF();
private float mDrawableRadius;
private int mBitmapWidth;
private int mBitmapHeight;
private static final Bitmap.Config BITMAP_CONFIG = Bitmap.Config.ARGB_8888;
private static final int COLORDRAWABLE_DIMENSION = 1;
public CornersImageView(Context context)
{
super(context);
}
public CornersImageView(Context context, AttributeSet attrs)
{
this(context, attrs, 0);
}
public CornersImageView(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);
init();
}
private void init() {
if (mBitmap == null)
{
return;
}
mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
// 設(shè)置抗鋸齒
mBitmapPaint.setAntiAlias(true);
// 使用位圖平鋪的渲染效果
mBitmapPaint.setShader(mBitmapShader);
mBitmapWidth = mBitmap.getWidth();
mBitmapHeight = mBitmap.getHeight();
mDrawableRect.set(0, 0, mBitmapWidth, mBitmapHeight);
// 獲取圖片展示的圓形半徑
mDrawableRadius = Math.min(mDrawableRect.width()/2, mDrawableRect.height()/2);
invalidate();
}
@Override
public void draw(Canvas canvas)
{
if (getDrawable() == null)
{
return;
}
canvas.drawCircle(getWidth()/2, getHeight()/2, mDrawableRadius, mBitmapPaint);
}
@Override
public void setImageBitmap(Bitmap bm) {
super.setImageBitmap(bm);
mBitmap = bm;
init();
}
@Override
public void setImageDrawable(Drawable drawable) {
super.setImageDrawable(drawable);
mBitmap = getBitmapFromDrawable(drawable);
init();
}
@Override
public void setImageResource(int resId) {
super.setImageResource(resId);
mBitmap = getBitmapFromDrawable(getDrawable());
init();
}
/**
* 將Drawable轉(zhuǎn)換成Bitmap對(duì)象
* @param drawable
* @return
*/
private Bitmap getBitmapFromDrawable(Drawable drawable) {
if (drawable == null) {
return null;
}
if (drawable instanceof BitmapDrawable) {
return ((BitmapDrawable) drawable).getBitmap();
}
try {
Bitmap bitmap;
if (drawable instanceof ColorDrawable) {
bitmap = Bitmap.createBitmap(COLORDRAWABLE_DIMENSION, COLORDRAWABLE_DIMENSION,
BITMAP_CONFIG);
} else {
bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(),
BITMAP_CONFIG);
}
Canvas canvas = new Canvas(bitmap);
drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
drawable.draw(canvas);
return bitmap;
} catch (OutOfMemoryError e) {
return null;
}
}
}

2、在布局文件中使用自定義控件CornersImageView 如下圖:

3、顯示效果為 demo程序效果圖中的 圖三 效果

其他:其實(shí)對(duì)于實(shí)現(xiàn)圖片圓形顯示前面介紹的重寫ImageView的draw方法是在控件本身上做處理,還有一種更簡(jiǎn)單的方式就是在要顯示的圖片身上做處理,及對(duì)圖片本身進(jìn)行圓形剪切,剪切后顯示在控件ImageView上。
圖片圓形剪切的方法如下:

/**
* 將方形圖片剪切成圓圖
* @param bitmap
* @return
*/
public static Bitmap getCircleBitmap(Bitmap bitmap) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);
Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
RectF rectF = new RectF(rect);
Paint paint = new Paint();
paint.setAntiAlias(true); // 防止邊緣的鋸齒
paint.setFilterBitmap(true); // 對(duì)位圖進(jìn)行濾波處理
canvas.drawOval(rectF, paint); // 根據(jù)rectF 繪制一個(gè)橢圓/圓形
// 設(shè)置兩張圖片相交時(shí)的顯示模式為 SRC_IN
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rectF, paint);
return output;
}

在代碼上 我們只要獲取到待顯示圖片的Bitmap對(duì)象,然后調(diào)用上面的方法

getCircleBitmap(Bitmap bitmap) 進(jìn)行圓形剪切后得到新的Bitmap對(duì)象,然后調(diào)用ImageView的方法 setImageBitma(Bitmapbitmap) 顯示在控件上。顯示效果為 demo程序效果圖中的 圖四 效果
[和圖三效果一樣] 。

相關(guān)文章

  • 如何在Android App中集成支付寶和微信支付功能

    如何在Android App中集成支付寶和微信支付功能

    支付是各位Android開發(fā)者們?cè)谌粘9ぷ髦薪?jīng)常會(huì)遇到的一個(gè)需求,下面這篇文章主要給大家介紹了關(guān)于如何在Android App中集成支付寶和微信支付功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-05-05
  • Android中多個(gè)ContentProvider的初始化順序詳解

    Android中多個(gè)ContentProvider的初始化順序詳解

    在日常Android開發(fā)中經(jīng)常會(huì)寫一些sdk來供他人或者自己調(diào)用,一般這些sdk都涉及到初始化,下面這篇文章主要給大家介紹了關(guān)于Android中多個(gè)ContentProvider的初始化順序的相關(guān)資料,需要的朋友可以參考下
    2022-04-04
  • android通過servlet服務(wù)器保存文件到手機(jī)

    android通過servlet服務(wù)器保存文件到手機(jī)

    這篇文章主要為大家詳細(xì)介紹了android通過servlet服務(wù)器保存文件到手機(jī),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-06-06
  • android?studio數(shù)據(jù)存儲(chǔ)建立SQLite數(shù)據(jù)庫(kù)實(shí)現(xiàn)增刪查改

    android?studio數(shù)據(jù)存儲(chǔ)建立SQLite數(shù)據(jù)庫(kù)實(shí)現(xiàn)增刪查改

    這篇文章主要介紹了vandroid?studio數(shù)據(jù)存儲(chǔ)建立SQLite數(shù)據(jù)庫(kù)實(shí)現(xiàn)增刪查改,分別使用sqlite3工具和Android代碼的方式建立SQLite數(shù)據(jù)庫(kù),具體內(nèi)容,需要的小伙伴可以參考下面文章得詳細(xì)內(nèi)容
    2021-12-12
  • Android實(shí)現(xiàn)跳動(dòng)的小球加載動(dòng)畫效果

    Android實(shí)現(xiàn)跳動(dòng)的小球加載動(dòng)畫效果

    Android中有各式各樣的加載動(dòng)畫,大家多多少少都見過,比如用過美團(tuán)客戶端的用戶對(duì)美團(tuán)那個(gè)加載小人的動(dòng)畫印象很深刻,一個(gè)可愛的小人在那拼命的跑。這樣的動(dòng)畫實(shí)現(xiàn)其實(shí)還有很多,今天這里就來實(shí)現(xiàn)一個(gè)跳動(dòng)的小球效果。有需要的可以參考借鑒。
    2016-08-08
  • android dialog自定義實(shí)例詳解

    android dialog自定義實(shí)例詳解

    簡(jiǎn)單的自定義dialog,該dialog具備以下功能:有一個(gè)窗口可以顯示文章、根據(jù)需求顯示,有需要的朋友可以參考下
    2012-12-12
  • Android中URLEncoder空格被轉(zhuǎn)碼為"+"號(hào)的處理辦法

    Android中URLEncoder空格被轉(zhuǎn)碼為"+"號(hào)的處理辦法

    當(dāng)上傳文件的文件名中間有空格,用URLEncoder.encode方法會(huì)把空格變成加號(hào)(+)在前臺(tái)頁面顯示的時(shí)候會(huì)多出加號(hào),下面這篇文章主要給大家介紹了關(guān)于Android中URLEncoder空格被轉(zhuǎn)碼為"+"號(hào)的處理辦法,需要的朋友可以參考下
    2023-01-01
  • Android Jetpack架構(gòu)中ViewModel接口暴露的不合理探究

    Android Jetpack架構(gòu)中ViewModel接口暴露的不合理探究

    這篇文章主要介紹了Android Jetpack架構(gòu)組件 ViewModel詳解,ViewModel類讓數(shù)據(jù)可在發(fā)生屏幕旋轉(zhuǎn)等配置更改后繼續(xù)存在,ViewModel類旨在以注重生命周期的方式存儲(chǔ)和管理界面相關(guān)的數(shù)據(jù)。感興趣可以來學(xué)習(xí)一下
    2022-07-07
  • android廣角相機(jī)畸變校正算法和實(shí)現(xiàn)示例

    android廣角相機(jī)畸變校正算法和實(shí)現(xiàn)示例

    今天小編就為大家分享一篇android廣角相機(jī)畸變校正算法和實(shí)現(xiàn)示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • Android Bluetooth藍(lán)牙技術(shù)初體驗(yàn)

    Android Bluetooth藍(lán)牙技術(shù)初體驗(yàn)

    這篇文章主要介紹了Android Bluetooth藍(lán)牙技術(shù)初體驗(yàn)的相關(guān)資料,需要的朋友可以參考下
    2016-02-02

最新評(píng)論