AndroidカスタマイズのLinearLayout + XMLから属性(attribute)を取得して表示させる

背景

この文章は次の二つの仕様が欲しい人にとっては参考になれるかもしれません。

1. カスタマイズのViewを作って使いたい場合
2. カスタマイズのXMLにカスタマイズのAttributeを定義したくて、また使いたい場合

図1
図1のように、MyActivityに三つのカスタマイズのMyLinerLayoutを入れます。それぞれのMyLinearLayoutの背景色が異なります。ただそれぞれのMyLinerLayoutの背景色はMyActivityで設定するではなく、MyLinerLayoutのXMLにRGBの値を与えて、MyLinerLayout内部からRGBを受取って、自分の背景色を設定します。

ソースコード

1. MyLinerLayout.java

class MyLinerLayout extends LinearLayout {

    private LayoutInflater mLayoutInflater;
    private Resources mResources;
    public MyLinerLayout(Context context) {
        super(context);
    }

    public MyLinerLayout(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initialize(attrs,0);
    }

    public MyLinerLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initialize(attrs,defStyleAttr);
    }

    private void initialize(AttributeSet attrs, int defStyleAttr){
        int r = 255;
        int g = 255;
        int b = 255;
        if(attrs != null){
            String packageName = "http://www.mrway.net/syoui";
            r = attrs.getAttributeIntValue(packageName,"r",255);
            g = attrs.getAttributeIntValue(packageName,"g",255);
            b = attrs.getAttributeIntValue(packageName,"b",255);
        }

        mResources	= getContext().getResources();
        mLayoutInflater 	= LayoutInflater.from(getContext());
        View view 	= mLayoutInflater.inflate(R.layout.my_liner_layout, this);
        ((TextView) view.findViewById(R.id.color)).setText(r+":"+g+":"+b);

        int backgroundColor = Color.argb(255,r,g,b);
        ((LinearLayout) view.findViewById(R.id.colorLayout)).setBackgroundColor(backgroundColor);

    }


}

2. my_liner_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
              android:id="@+id/colorLayout"
              xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
            <TextView
                android:id="@+id/color"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="white"/>
</LinearLayout>

3. foundation_activity_get_attribute_from_xml.java

public class foundation_activity_get_attribute_from_xml extends AppCompatActivity {

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

}

4. activity_foundation_get_attribute_from_xml.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.syoui.imagetab.foundation.activity.foundation_activity_get_attribute_from_xml">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">


    <com.example.syoui.imagetab.foundation.activity.MyLinerLayout
        xmlns:color="http://www.mrway.net/syoui"
        color:r="238"
        color:g="34"
        color:b="12"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </com.example.syoui.imagetab.foundation.activity.MyLinerLayout>

    <com.example.syoui.imagetab.foundation.activity.MyLinerLayout
        xmlns:color="http://www.mrway.net/syoui"
        color:r="239"
        color:g="95"
        color:b="107"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </com.example.syoui.imagetab.foundation.activity.MyLinerLayout>


    <com.example.syoui.imagetab.foundation.activity.MyLinerLayout
        xmlns:color="http://www.mrway.net/syoui"
        color:r="248"
        color:g="186"
        color:b="0"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </com.example.syoui.imagetab.foundation.activity.MyLinerLayout>


</LinearLayout>
</android.support.constraint.ConstraintLayout>

結果

図2

三色に分けて、表示できました。
みんな元気ね