Android theme support (Themes) in custom components, using Appcompat-v7

Question

I started using the Appcompat-v7, for use the concept of Material Design in my project. Only now I realized that my custom components even inherited from native components, are not applying the themes as the native components, for example:

I have the following custom component inherited from android.widget.EditText:

public class EditTextPro extends android.widget.EditText {

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

And in my layout I use the component EditTextPro thus:

<com.app.materialtest.EditTextPro
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/view"
    android:layout_below="@+id/editText3"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />

And another with a native component android.widget.EditText thus:

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType="textEmailAddress"
    android:ems="10"
    android:id="@+id/editText3"
    android:layout_below="@+id/editText2"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true" />

I’m using the following theme:

<style name="AppTheme"  parent="Theme.AppCompat">
    <!-- customize the color palette -->
    <item name="colorPrimary">@color/palette_primary</item> <!-- #3F51B5 = Azul -->
    <item name="colorPrimaryDark">@color/palette_primary_dark</item> <!-- #303F9F = Azul Forte -->
    <item name="colorAccent">@color/palette_accent</item>  <!-- #FF4081 = Rosa -->
</style>

And the result of 2 Edittext is the following (the first is the android.widget.EditText and the second the com.app.materialtest.EditTextPro):

With the focus on android.widget.EditText the colorAccent is displayed in the EditText:

Already focusing on the com.app.materialtest.EditTextPro the colorAccent is not displayed in the EditText:

And even without the focus the colors presented are different, being a shade of gray to the android.widget.EditText and Black to the com.app.materialtest.EditTextPro

Questions:

• Why does this happen? Since I do not make any changes in the styles of com.app.materialtest.EditTextPro in relation to the android.widget.EditText, and by logic (my logic =D) was for the com.app.materialtest.EditTextPro inherit all styles of android.widget.EditText. Right?
• Is there any way to resolve this? Make the com.app.materialtest.EditTextPro have the same styles as the android.widget.EditText.
• I must inherit instead of android.widget.EditText of some EditText support API? (NOTE: I searched the support API and found none EditText).

Note: I am running on Android 4.4.4.

Answer 1

Instead of inheriting from android.widget.EditText from your Custom Edittext, inherit this class and see if it works:

android.support.v7.internal.widget.TintEditText

Link to the class: Tintedittext.java

Read the class Javadoc, he says:

/ **
  * Uma tonalidade ciente {link android.widget.EditText}.
  * <P>
  * Isto será usada automaticamente quando você usa {link android.widget.EditText} em seus
  * Layouts. Você só precisa usar manualmente esta classe ao escrever views personalizadas.
  * /

In the passage from this page (Using Support Libraries API) has a warning (Caution) which is: When using the Support Library classes, be sure to import the appropriate package class. For example, when applying the Actionbar class: android.support.v7.app.ActionBar when using the support library. android.app.ActionBar when developing only for API level 11 or higher.

I interpreted the following, which is, if you are using a support library, always try to import or inherit from the appropriate package. (Nothing less than it is already written. Rsrs :D)