如何更改按钮的边框颜色并更改editText中下划线的颜色？

Question

我尝试了很多方法，但我的问题没有解决。我面临更改按钮边框颜色和editText中下划线颜色的问题。在更改按钮的颜色时，背景颜色应该是透明的，但按钮的边框应该是白色可见的。 EditText 下划线颜色应为白色。如何创建如下图的设计。

请帮助我如何设计登录与 Facebook 按钮边框是白色的应该是可见的，并且 edittext 下划线颜色应该是白色的。

Answer 1

按钮的边框：您可以设置一个可绘制的形状作为按钮的背景来改变它的边框颜色。见this

更改 EditText UnderLine： 您可以将 colorHighlight 和 colorNormal 添加到 BaseTheme。它将改变editText的下划线颜色。见this。

希望这会有所帮助。

Answer 2

只需将 button_bg.xml 文件放入 drawable 中，并将给定的代码放在下面

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item>
    <shape android:shape="rectangle">

        <solid android:color="#30055fab" />
        <stroke android:width="2dp" android:color="#FFFFFF" />
        <corners android:radius="0dp" />
    </shape>
</item>

并像上面创建的xml文件一样定义按钮背景

<Button
        android:id="@+id/btnLogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/_10dp"
        android:background="@drawable/button_bg"
        android:text="Log in"
        android:textColor="@android:color/white" />

要在editext中添加行试试这个代码

 <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/_10dp"

        android:textColorHint="@android:color/white"
        app:hintEnabled="true">

        <android.support.design.widget.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@android:color/transparent"
            android:hint="@string/password"
            android:inputType="textPassword"
            android:padding="@dimen/_10dp"
            android:textColor="@android:color/white"
            android:textColorHint="@android:color/white" />

        <view
            android:layout_width="match_parent"
            android:background="@android:color/white"
            android:layout_height="1dp"/>
    </android.support.design.widget.TextInputLayout>

Answer 3

试试这个：

对于Edittext 下划线颜色使用：

 <EditText
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="20dp"
    android:layout_marginTop="20dp"
    android:backgroundTint="@android:color/white"
    android:hint="Username"
    android:paddingLeft="20dp"
    android:textColorHint="@android:color/white" />

对于Button背景：

drawable/background.xml：

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--stroke width and color-->
    <stroke
        android:width="2dp"
        android:color="@android:color/white" />

    <!-- corner radius-->
    <corners
        android:radius="0dp" />
</shape>

在布局中：

 <Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/background"
    android:text="Login With Facebook"
    android:textColor="@android:color/white" />

编辑

backgroungTint will not work on Pre lollipop devices

试试这个：

 <android.support.v7.widget.AppCompatEditText
    android:id="@+id/my_appcompat_imageview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:backgroundTint="@android:color/white"
    android:hint="Username"
    android:textColorHint="@android:color/white"
    android:tint="@android:color/white" />

输出：