欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android自定义view----顶部标题栏2

程序员文章站 2022-05-31 09:50:21
...

Android自定义view----顶部标题栏2

 1.效果图

 Android自定义view----顶部标题栏2              Android自定义view----顶部标题栏2

2.思路

     1)第一种自定义标题栏的方法:http://blog.csdn.net/yk2fxy/article/details/78338486

     2)第二种实现自定标题栏的方法:继承一个现成的viewgroup,我继承的是RelativeLayout,

Android自定义view----顶部标题栏2

如上图所示:使用自定义view的方式完成标题栏的自定义,首先需要分析出来标题栏的控件(取消按钮、标题、完成按钮),然后还需要分析出来控件的属性(文本内容、文本颜色、文本大小、背景颜色等);

通过上面的分析我们去定义一个view的属性文件:

<resources>
    <declare-styleable name="TopTitleBarSelfView">
        <attr name="cancelText" format="string" />
        <attr name="cancelTextColor" format="color" />
        <attr name="cancelTextSize" format="dimension" />
        <attr name="cancelBackground" format="color|reference" />
        <attr name="okText" format="string" />
        <attr name="okTextColor" format="color" />
        <attr name="okTextSize" format="dimension" />
        <attr name="oklBackground" format="color|reference" />
        <attr name="titleText" format="string" />
        <attr name="titleTextColor" format="color" />
        <attr name="titleTextSize" format="dimension" />
        <attr name="titleBackground" format="color|reference" />
    </declare-styleable>
</resources>
然后我们去写一个类继承RelativeLayout,代码如下:

package com.yk.skill.androidskillplatform.selfcreate.toptitlebar;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;

import com.yk.skill.androidskillplatform.R;

/**
 * TODO: document your custom view class.
 */
public class TopTitleBarSelfView extends RelativeLayout {
    private String mCancelText,mTitleText,mOkText; // TODO: use a default from R.string...
    private int mCancelTextColor = Color.RED,mTitleTextColor=Color.BLACK,mOkTextColor=Color.BLUE; // TODO: use a default from R.color...
    private float mCancelTextSize = 26,mTitleTextSize=30,mOkTextSize = 26; // TODO: use a default from R.dimen...
    private Drawable mCancelBackground,mTitleBackground,mOkBackground;
    private Button mCancelBtn,mOkBtn;
    private TextView mTitleTv;
    TitleBarClickListener listener;

    public void setListener(TitleBarClickListener listener) {
        this.listener = listener;
    }

    public TopTitleBarSelfView(Context context) {
        super(context);
        init(null, 0);
    }
    public TopTitleBarSelfView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(attrs, 0);
    }
    public TopTitleBarSelfView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(attrs, defStyle);
    }
    private void init(AttributeSet attrs, int defStyle) {
        loadAttributes(attrs, defStyle);
        initChildrenView();
    }
    private void initChildrenView() {
        mCancelBtn = new Button(getContext());
        mOkBtn = new Button(getContext());
        mTitleTv = new TextView(getContext());

        mCancelBtn.setText(mCancelText);
        mCancelBtn.setTextSize(mCancelTextSize);
        mCancelBtn.setTextColor(mCancelTextColor);
        mCancelBtn.setBackground(mCancelBackground);
        RelativeLayout.LayoutParams cancelParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
        cancelParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
        cancelParams.topMargin = 10;
        addView(mCancelBtn,cancelParams);
        mCancelBtn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                listener.cancel();
            }
        });

        mOkBtn.setText(mOkText);
        mOkBtn.setTextSize(mOkTextSize);
        mOkBtn.setTextColor(mOkTextColor);
        mOkBtn.setBackground(mOkBackground);
        RelativeLayout.LayoutParams okParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        okParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE);
        okParams.topMargin = 10;
        okParams.addRule(RelativeLayout.ALIGN_PARENT_TOP,RelativeLayout.TRUE);
        addView(mOkBtn,okParams);
        mOkBtn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                listener.ok();
            }
        });

        mTitleTv.setText(mTitleText);
        mTitleTv.setTextSize(mTitleTextSize);
        mTitleTv.setTextColor(mTitleTextColor);
        mTitleTv.setBackground(mTitleBackground);
        LayoutParams titleParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        titleParams.addRule(RelativeLayout.CENTER_IN_PARENT,RelativeLayout.TRUE);
        titleParams.addRule(RelativeLayout.ALIGN_PARENT_TOP,RelativeLayout.TRUE);
        addView(mTitleTv,titleParams);

    }

    private void loadAttributes(AttributeSet attrs, int defStyle) {
        final TypedArray a = getContext().obtainStyledAttributes(
                attrs, R.styleable.TopTitleBarSelfView, defStyle, 0);

        mCancelText = a.getString(R.styleable.TopTitleBarSelfView_cancelText);
        mCancelTextSize = a.getDimension(R.styleable.TopTitleBarSelfView_cancelTextSize,mCancelTextSize);
        mCancelTextColor = a.getColor(R.styleable.TopTitleBarSelfView_cancelTextColor,mCancelTextColor);
        mCancelBackground = a.getDrawable(R.styleable.TopTitleBarSelfView_cancelBackground);

        mOkText = a.getString(R.styleable.TopTitleBarSelfView_okText);
        mOkTextSize = a.getDimension(R.styleable.TopTitleBarSelfView_okTextSize,mOkTextSize);
        mOkTextColor = a.getColor(R.styleable.TopTitleBarSelfView_okTextColor,mOkTextColor);
        mOkBackground = a.getDrawable(R.styleable.TopTitleBarSelfView_oklBackground);

        mTitleText = a.getString(R.styleable.TopTitleBarSelfView_titleText);
        mTitleTextSize = a.getDimension(R.styleable.TopTitleBarSelfView_titleTextSize,mTitleTextSize);
        mTitleTextColor = a.getColor(R.styleable.TopTitleBarSelfView_titleTextColor,mTitleTextColor);
        mTitleBackground = a.getDrawable(R.styleable.TopTitleBarSelfView_titleBackground);

        a.recycle();
    }
}


xml引用:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.yk.skill.androidskillplatform.selfcreate.toptitlebar.TopTitleBarSelfView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#fff"
        app:cancelText="取消"
        app:okText="完成"
        app:titleText="标题"
        app:titleTextSize="30sp"/>

</FrameLayout>

activity引用:

package com.yk.skill.androidskillplatform.selfcreate.toptitlebar;

import android.app.Activity;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.widget.Toast;

import com.yk.skill.androidskillplatform.R;

/**
 * Created by Administrator on 2017/10/25.
 */

public class SelfTopTitleBarActivity extends Activity{

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.toptitlebar_activity);
       TopTitleBarSelfView ttbsv = (TopTitleBarSelfView) findViewById(R.id.title_bar_topselfview);
        ttbsv.setListener(new TitleBarClickListener() {
            @Override
            public void cancel() {
                toast("取消");
            }

            @Override
            public void ok() {
                toast("完成");
            }
        });
    }
    public void toast(String text){
        Toast.makeText(SelfTopTitleBarActivity.this,text,Toast.LENGTH_SHORT).show();
    }
}




相关标签: android