如何实现google日历EditText外观

时间:2016-07-10 14:32:20

标签: android android-appcompat android-styles

我想让我的EditText字段在Google日历应用中显示:

Screenshoot google calendar app

有没有人有一些片段以最低的成本获得这种外观?

1 个答案:

答案 0 :(得分:1)

我的一个项目中有EditText

<android.support.v7.widget.Toolbar

        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:background="@android:color/darker_gray"
        android:minHeight="?android:attr/actionBarSize"
        android:theme="@style/ToolbarTheme">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/toolbar_title_new"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_alignParentStart="true"
                android:background="@android:color/transparent"
                android:hint="Enter title"
                android:paddingBottom="16dp"
                android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
                android:textColor="@android:color/white"
                android:textColorHint="@android:color/white" />

        </RelativeLayout>

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

以下是&#34的xml代码;添加位置&#34;部分:

<ImageView
                android:layout_marginBottom="16dp"
                android:layout_marginEnd="16dp"
                android:layout_marginTop="16dp"
                android:alpha="0.54"
                android:src="@mipmap/ic_action_place_dark"
                app:layout_column="0"
                app:layout_columnSpan="1"
                app:layout_gravity="fill|start"
                app:layout_row="8" />

            <EditText
                android:id="@+id/location_new"
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_marginEnd="16dp"
                android:background="@android:color/transparent"
                android:gravity="start|center_vertical"
                android:paddingBottom="16dp"
                android:paddingTop="16dp"
                android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
                app:layout_column="1"
                app:layout_columnSpan="2"
                app:layout_gravity="fill|start"
                app:layout_row="8"
                android:hint="Add Location"
                />

正如我在评论中提到的,关键点是背景颜色和文字颜色以及填充。

此处的rowcolumn及其他属性适用于GridLayout。您可以使用RelativeLayout来实现相同的设计。