How to convert a CardView XML with title and buttons into library on Android?

Question

EDITED

The examples in google searches and the android documentation are basic, and my question is more complex.

What I do not know, is how to put multiple components together and turn it into a single component. CardView + LinearLayout + TextView + ImageView = Custom View.

If I have a basic example, of cardview with at least one button and a space for external content. It would be enough for me to figure out how to do the rest. This within the cardview extension class, because I also do not know how the extension will understand where to create the components

EDITED 2

Example

QUESTION

I was trying to create a method of using Cardview with an expandable button, and I was able to do this in XML. But I wanted to be able to create a library so I could reuse it in other cases.

I'll show you the source code of what I did.

Layout XML

<android.support.v7.widget.CardView
    android:id="@+id/cardView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="5dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/cwlltitulobtn"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clickable="true"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="#### TITLE OF BUTTON ####"
                android:textSize="18sp"
                android:textStyle="bold"/>

            <ImageView
                android:id="@+id/imgarrowdown"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:scaleType="fitEnd"
                android:visibility="visible"
                app:srcCompat="@drawable/ic_keyboard_arrow_down_black_24dp" />

            <ImageView
                android:id="@+id/imgarrowup"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:scaleType="fitEnd"
                android:visibility="gone"
                app:srcCompat="@drawable/ic_keyboard_arrow_up_black_24dp" />

        </LinearLayout>

        <LinearLayout
            android:id="@+id/cwllconteudo"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="10dp"
            android:orientation="vertical"
            android:visibility="gone">

         <!-- ########################################
              ######## CARDVIEW CONTENT HERE #########
              ########################################-->

        </LinearLayout>

    </LinearLayout>

</android.support.v7.widget.CardView>

Java code

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        findViewById(R.id.cwlltitulobtn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                CVOpenCloseBTN();
            }
        });


    }

    public void CVOpenCloseBTN(){
        ImageView arrowdown = (ImageView) findViewById(R.id.cvimgarrowdown);
        ImageView arrowup = (ImageView) findViewById(R.id.cvimgarrowup);
        LinearLayout pagecontent = (LinearLayout) findViewById(R.id.cwllconteudo);

        if (conteudopage .getVisibility() == View.GONE) {
            // it's collapsed - expand it
            pagecontent.setVisibility(View.VISIBLE);
            arrowdown.setVisibility(View.GONE);
            arrowup.setVisibility(View.VISIBLE);
        } else {
            // it's expanded - collapse it
            pagecontent.setVisibility(View.GONE);
            arrowdown.setVisibility(View.VISIBLE);
            arrowup.setVisibility(View.GONE);
        }
    }
}

My idea is that I can transform all this part of the xml and java code to be used in this way and faster, than to have to always repeat again:

<br.com.samantabiblioteca.CardView
        android:id="@+id/cardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="5dp"
        app:titulo="#### TITLE OF BUTTON ####">

             <!-- ########################################
                  ######### CARDVIEW CONTENT HERE ########
                  ########################################-->

</br.com.samantabiblioteca.CardView>

Is it possible to do this?