首页 > 代码库 > 自定义控件和使用的两种基本方法

自定义控件和使用的两种基本方法

有时需要一些组合起来的功能性强的控件,为了以后复用简单,还是自己自定义比较方便。

这里以一个自定义的导航栏为例子,在MainActivity里面使用这个控件。

 

方法一:

设计并编写自定义控件的布局文件,然后在其他布局文件中include。

title的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Back"

        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This Is Title Example"
        android:textSize="25dp"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Next"
        />

</LinearLayout>

技术分享

 

MainActivity的布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="com.example.administrator.test.MainActivity">

   

    <!-- 调用布局 -->
    <include layout="@layout/titlelayout"/>


    <!-- 后面的控件无关 -->
    <ProgressBar
        android:id="@+id/progressBar02"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        style="@android:style/Widget.ProgressBar.Horizontal"

        android:layout_below="@+id/textView01"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="56dp" />

    <Button
        android:id="@+id/button03"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="更新progressbar"
        android:layout_marginTop="133dp"
        android:layout_below="@+id/textView01"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />


</RelativeLayout>

技术分享

 

 

方法二:

设计并编写自定义控件的布局文件,将其封装为一个类。

然后在MainActivity的布局文件直接调用该类。

 

Title类

public class Title extends LinearLayout {
    public Title(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.titlelayout,this);
    }
}

 

MainActivity的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="com.example.administrator.test.MainActivity">

    

    <!-- 调用 -->
    <com.example.administrator.test.Title
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

    </com.example.administrator.test.Title>

    <!-- 后面的控件无关 -->
    <ProgressBar
        android:id="@+id/progressBar02"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        style="@android:style/Widget.ProgressBar.Horizontal"

        android:layout_below="@+id/textView01"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="56dp" />

    <Button
        android:id="@+id/button03"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="更新progressbar"
        android:layout_marginTop="133dp"
        android:layout_below="@+id/textView01"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />


</RelativeLayout>

 

效果是一样的

技术分享

 

 

自定义控件里面肯定会有一些对控件的操作,如果用方法一,每次使用该自定义控件还必须再实现一次监听函数的编写,太麻烦。

推荐大家使用方法二,在自定义类里面完成控件监听等功能的编写。

完整代码:

 

public class Title extends LinearLayout {
    
    
    public Title(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.titlelayout,this);
        
        Button back = (Button)findViewById(R.id.back);
        Button next = (Button)findViewById(R.id.next);
        
        back.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                
                //do....
                
            }
        });
        
        next.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                
                //do...
                
            }
        });
        
    }
    
    
}

  

自定义控件和使用的两种基本方法