Android实现一个自定义相机的界面

Android实现一个自定义相机的界面

我们先实现拍照按钮的圆形效果哈，Android开发中，当然可以找美工人员设计图片，然后直接拿进来，不过我们可以自己写代码实现这个效果哈，最常用的的是用layout-list实现图片的叠加，我们这个layout命名为btn_take_photo.xml,这是一个自定义的drawable文件，所以按照规范，我们要将它放在drawable文件夹里

注意：drawable文件夹一般是来放自定义的drawable文件的，可以将它看成自己写的背景样式等等哦

解释代码：

layer-list里面放3个item，先实现一个白色背景的椭圆，属性android:shape="oval"是实现椭圆的

android:shape=["rectangle" | "oval" | "line" | "ring"]

shape的形状，默认为矩形，可以设置为矩形（rectangle）、椭圆形(oval)、线性形状(line)、环形(ring)

然后再放入一个item，这个item是一个左右上下都等长的椭圆

ok，这样一个等边的椭圆就做好了

接着再次放入一个一个蓝色背景的椭圆

这是一个界面：activity_take_photo.xml

界面的很简单，这里只是提供参考学习的，解释代码:

SurfaceView是用来拍照用的，注意这个类只要和视频或者拍照的都需要用到，不过项目里一般都是自己写的

这些代码只是参考互相学习，功能的话，自己还在做，所以先提供这些学习的...,希望可以帮助学习的人，然后自己写博客的目的也是对自己学习的技术进行收录和共享，只是本着互相学习的目的

<framelayout android:background="#ffffff" android:layout_height="match_parent" android:layout_width="match_parent" xmlns:android="http://schemas.android.com/apk/res/android">

    

    

    

        

            

            
        


        

        
        

            

            

        

        
        

        
    


</framelayout>

提供自定义CameraGrid类：

/**
 * 自定义的View
 * 照相机井字线
 *
 */
public class CameraGrid extends View {

    private int topBannerWidth = 0;
    private Paint mPaint;

    public CameraGrid(Context context) {
        this(context,null);
    }

    public CameraGrid(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init(){
        mPaint = new Paint();
        mPaint.setColor(Color.WHITE);
        mPaint.setAlpha(120);
        mPaint.setStrokeWidth(1f);
    }


    private boolean showGrid = true;

    public boolean isShowGrid() {
        return showGrid;
    }

    public void setShowGrid(boolean showGrid) {
        this.showGrid = showGrid;
    }

    public int getTopWidth() {
        return topBannerWidth;
    }
}