自定义ImageView->StatusImageView

package com.example.customshapedemo;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ImageView;

public class StatusImageView extends ImageView {
    Paint paint = new Paint();
    boolean click_status=false;
    int color=Color.BLACK;
    int alpha=100;
    public StatusImageView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public StatusImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        // TODO Auto-generated constructor stub
        initParam(context, attrs);
    }

    public StatusImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        initParam(context, attrs);
    }
    //    解析参数
    void initParam(Context context, AttributeSet attrs) {
        TypedArray typedArray = context.obtainStyledAttributes(attrs,
                R.styleable.StatusImageView);
        color= typedArray.getColor(0, Color.BLACK);
        typedArray.recycle();
    }

    //根据tag来判断绘画点击和未点击的效果
    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        if(click_status){
            Bitmap b=((BitmapDrawable)getDrawable()).getBitmap();
            //绘制原图
            canvas.drawBitmap(b, 0, 0, null);
            //去去掉锯齿
            paint.setAntiAlias(true);
            //设置颜色
            paint.setColor(color);
            //设置透明度
            paint.setAlpha(alpha);
            //设置层次的类型
            paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DARKEN));
            //创建一个同样大小的矩形,然后用画笔遮盖上去
            RectF rect = new RectF(0, 0, b.getWidth(), b.getHeight());
            canvas.drawRect(rect, paint);
        }else{
            super.onDraw(canvas);
        }
    }
    //更具点击事件,修改Tag,并且重绘界面
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        System.out.println(color);
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            click_status=true;
            break;
        case MotionEvent.ACTION_UP:
            click_status=false;
            break;
        default:
            break;
        }
        invalidate();
        return true;
    }

}

在values/styles.xml中添加自定义属性:

    <declare-styleable name="StatusImageView">
        <attr name="color" format="reference|color" />
    </declare-styleable>

xml文件中定义使用自定义类 引入namespace,以及用报名+类名的形式使用:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:customshape="http://schemas.android.com/apk/res/com.example.customshapedemo"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <com.example.customshapedemo.CustomImgeView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView1"
        android:layout_marginLeft="28dp"
        android:layout_marginTop="44dp"
        android:layout_toRightOf="@+id/textView1"
        android:src="@drawable/ddw1"
        customshape:radius="15"
        customshape:type="round" >
    </com.example.customshapedemo.CustomImgeView>

    <com.example.customshapedemo.CustomImgeView
        android:id="@+id/customImgeView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="119dp"
        android:src="@drawable/ddw1"
        customshape:type="circle" />

    <com.example.customshapedemo.StatusImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="40dp"
        android:src="@drawable/ddw1"
        customshape:color="#FF6103" />

    <com.example.customshapedemo.StatusImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/customImgeView1"
        android:layout_below="@+id/customImgeView1"
        android:layout_marginLeft="27dp"
        android:layout_marginTop="22dp"
        android:src="@drawable/ddw1"
        customshape:color="#123456" />

</RelativeLayout>
时间: 2024-10-07 21:41:27

自定义ImageView->StatusImageView的相关文章

自定义Imageview控件实现多种手势操作 (拖动、水平缩放、竖直缩放、等比例缩放、双击、长按)

项目中需要使用自定义控件的多种手势操作,之前在网上查阅资料的时候发现能找到的一般是只实现了其中的几种,这次就把我做的控件分享一下,人人为我,我为人人嘛,哈哈! 这个自定义控件实现的主要功能是控件的拖动和缩放(注意:不是对控件中的图片进行操作,话说很多帖子都把这两个混了),其中缩放可以按照三个方向进行,就是水平.竖直和等比例.双击操作只做了一个提示,长按加上了一个简单的弹出菜单. 抱歉的是没有足够的时间写详细注释了,如果跟你需要的功能相同就请直接调用,要是需要改代码就费点神自己读懂代码吧,看不懂的

自定义ImageView实现局部截图功能

1.前言 最近在做一个能够自选区域进行局部截图的功能,接下来,会给大家讲解,整个截图的实现过程.笔者这边实现的自选区域的形状是矩形,读者如果有需要,可以根据我给大家讲解的思路,修改成适合自己的截图工具.先来看看效果图 2.效果图 这里的图片是来自笔者对webView的截图产生的,读者可以根据自己的需要,替换上面的图片. 通过拖拽四条边框,可以实现屏幕的局部截图: 拖拽之后,只有需要截图的部分才会高亮显示,其余部分用遮罩掩盖.笔者实现的拖拽四条边都可以任意拖拽,并不一定要正方形或者长方形.也可以如

Android自定义ImageView实现图片圆形 ,椭圆和矩形圆角显示

Android中的ImageView只能显示矩形的图片,为了用户体验更多,Android实现圆角矩形,圆形或者椭圆等图形,一般通过自定义ImageView来实现,首先获取到图片的Bitmap,然后通过Paint和onDraw()进行圆形图片显示. 效果图: 代码: 1 activity_image.xml 2 <?xml version="1.0" encoding="utf-8"?> 3 <LinearLayoutxmlns:android=&q

Android 自定义ImageView实现圆角/圆形 附加OnTouchListener详细注释以及Button圆角

转载请注明出处:王亟亟的大牛之路 平时要用一些非方方正正的按钮之类的小伙伴们是如何实现的?RadioButton?ImageButton?还是其他? 今天亟亟上的是ImageView来实现的 先上下效果图(目录结构) 分析: shape.xml用于Button的"倒角"(做过机械类的都懂,哈哈) attr.xml用于自定义ImageView的标签的定义 ids.xml用于控件findbyid用,为什么补+id 等会我会来解释 效果图: 分析:一个Button 2个自定义ImageVie

自定义ImageView实现图片手势滑动,多点触摸放大缩小效果

首先呢,还是一贯作风,我们先来看看众多应用中的示例:(这种效果是很常见的,可以说应用的必须品.)                搜狐客户端                                    百度新闻客户端                              新浪微博                              凤凰新闻客户端 也许大家对这些客户端并不陌生,但是不知道大家有没有注意到这些不足之处呢,这里我就叨唠吓这些不人性化的地方. 首先搜狐:她的图片放大后

自定义imageview圆形图片

package com.pan.util; import android.content.Context;import android.graphics.Bitmap;import android.graphics.Bitmap.Config;import android.graphics.Canvas;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.PorterDuff;i

android自定义ImageView仿图片上传

Activity代码 1 public class MainActivity extends AppCompatActivity {   2     ProcessImageView processImageView =null;   3     int progress=0;   4    5     @Override   6     protected void onCreate(Bundle savedInstanceState) {   7         super.onCreate

Android自定义imageview可对图片进行多点缩放和拖动

package com.msstudent.view; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Matrix; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; i

Android -- 自定义ImageView(圆形头像)

1.  原图      -->    2.  自定义的控件类 package com.chaowen.yixin; import android.content.Context; import android.graphics.Bitmap; import android.graphics.Bitmap.Config; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Pa

自定义ImageView回调实现手动改变圆环大小

//-----------------自定义MyView继承Imageview------------------------------- package com.bw.yuanhuan; import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.media.JetPlayer;i