向图形视图添加阴影和轮廓

时间:2021-07-01 19:14:22

标签: android xml android-layout user-interface view

我有主要片段:

enter image description here

和 xml 片段:

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    android:id="@+id/fl_whatsapp"
    tools:context="com.mardaunt.telesupp.MainActivity"
    >
<LinearLayout
    android:id="@+id/input_side"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/lineNumber1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/shadow_bottom"
        android:paddingTop="10dp"
        android:paddingBottom="10dp">

        <EditText
            android:id="@+id/edit_phone"
            android:layout_width="170dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="10dp"
            android:layout_marginLeft="10dp"
            android:background="@drawable/rounded_edit_text"
            android:hint="@string/_7_xxx_xxx_xx_xx"
            android:inputType="phone"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />


        <ToggleButton
            android:id="@+id/toggle_ru_mask"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:minWidth="65dip"
            android:onClick="onToggleRuMask"
            android:textAllCaps="false"
            android:textColor="#706C6C"
            android:layout_marginLeft="10dp"
            android:layout_marginStart="10dp"
            android:textOff="Ru"
            android:textOn="Ru"
            app:layout_constraintStart_toEndOf="@+id/edit_phone"
            app:layout_constraintTop_toTopOf="parent"
            />

        <ToggleButton
            android:id="@+id/toggle_all_mask"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:minWidth="65dip"
            android:onClick="onToggleAllMask"
            android:textColor="#706C6C"
            android:textOff="All"
            android:textOn="All"
            app:layout_constraintStart_toEndOf="@+id/toggle_ru_mask"
            app:layout_constraintTop_toTopOf="parent" />


        <EditText
            android:id="@+id/edit_message"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="10dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="15dp"
            android:layout_weight="1"
            android:background="@drawable/rounded_edit_text"
            android:hint="@string/unput_message"
            android:inputType="textMultiLine"
            android:maxLines="4"
            android:minLines="1"
            app:layout_constraintBottom_toBottomOf="parent"

            app:layout_constraintEnd_toStartOf="@+id/textView"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/toggle_ru_mask" />

        <TextView
            android:id="@+id/textView"
            android:layout_width="10dp"
            android:layout_height="50dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/button"
            android:layout_marginBottom="70dp"/>

        <Button
            android:id="@+id/button"
            android:layout_width="48dp"
            android:layout_height="58dp"
            android:layout_marginEnd="10dp"
            android:layout_marginRight="10dp"
            android:onClick="sendMessage"
            app:backgroundTint="@color/teal_700"
            app:cornerRadius="30dp"
            app:icon="@drawable/ic_baseline_send_24"
            app:iconTint="?android:attr/textColorSecondaryInverse"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

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

        <CheckBox
            android:id="@+id/anonim"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/anonim"
            android:textColor="#706C6C"
            android:textSize="14sp" />
    </RelativeLayout>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        tools:listitem="@layout/recyclerview_item_outgoing"
        app:layoutManager="LinearLayoutManager"
        app:stackFromEnd="true"
        />

</LinearLayout>

</FrameLayout>

我目前正在考虑为视图添加一些阴影。尝试使用轮廓也很棒。 加上外部阴影,我也许能搞清楚。但我不知道如何为电话和消息输入字段添加内部阴影。

0 个答案:

没有答案