android 闹钟提醒和电接听界面效果（上）

最新推荐文章于 2024-05-10 16:58:05 发布

zhuxingchong

最新推荐文章于 2024-05-10 16:58:05 发布

阅读量643

点赞数

分类专栏： android自定义控件文章标签：闹钟提醒界面来电界面滑动关闭

本文链接：https://blog.csdn.net/zhuxingchong/article/details/82143713

版权

android自定义控件专栏收录该内容

6 篇文章 0 订阅

订阅专栏

效果如上图所示可以根据个人需要改变图标和布局，直接上代码

先看资源文件

1.//drawable目录下bg_circle_white.xml
//圆形白色背景
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@android:color/white" />
</shape>

2.//drawable目录下ic_dismiss.xml
<?xml version="1.0" encoding="utf-8"?>

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="80dp"
    android:height="80dp"
    android:viewportWidth="80.0"
    android:viewportHeight="80.0">
    <path
        android:fillColor="#FFFFFFFF"
        android:pathData="M40,28.3c7.3,0 13.2,5.9 13.2,13.2c0,1.6 -0.3,3.1 -0.8,4.5l2.9,2.9c1.1,-2.2 1.7,-4.7 1.7,-7.4c0,-9.3 -7.6,-16.9 -16.9,-16.9c-2.7,0 -5.1,0.6 -7.4,1.7l2.9,2.9C36.9,28.6 38.4,28.3 40,28.3zM58.8,27.8l-8.7,-7.3l-2.4,2.9l8.7,7.3L58.8,27.8zM22.9,21.3l-2.4,2.4l2.5,2.5l-2.1,1.7l2.7,2.7l2.1,-1.8l1.5,1.5c-2.6,3 -4.1,6.8 -4.1,11.1c0,9.3 7.6,16.9 16.9,16.9c4.2,0 8.1,-1.6 11.1,-4.1l4.1,4.1l2.4,-2.4L24.7,23.2L22.9,21.3zM48.4,51.6c-2.3,1.9 -5.2,3 -8.4,3c-7.3,0 -13.2,-5.9 -13.2,-13.2c0,-3.2 1.1,-6.1 3,-8.4C29.9,33.1 48.4,51.6 48.4,51.6zM32.5,23.2l-2.7,-2.7l-1.6,1.3l2.7,2.7C30.9,24.5 32.5,23.2 32.5,23.2z"/>
</vector>


3.//drawable目录下ic_fab_alarm.xml
<?xml version="1.0" encoding="utf-8"?>

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="@dimen/fab_alarm_size"
    android:height="@dimen/fab_alarm_size"
    android:viewportHeight="56.0"
    android:viewportWidth="56.0">
    <path
        android:fillColor="#FFFFFFFF"
        android:pathData="M28,20c-5.2,0 -9.3,4.2 -9.3,9.3c0,5.2 4.2,9.3 9.3,9.3c5.2,0 9.3,-4.2 9.3,-9.3C37.3,24.2 33.2,20 28,20zM33,34.5l-6.3,-3.8v-8h2v7l5.3,3.2L33,34.5z" />
    <path
        android:fillColor="#FFFFFFFF"
        android:pathData="M28,0C12.5,0 0,12.5 0,28c0,15.5 12.5,28 28,28c15.5,0 28,-12.5 28,-28C56,12.5 43.5,0 28,0zM20.8,14.5l1.7,2l-6.1,5.1l-1.7,-2L20.8,14.5zM28,41.3c-6.6,0 -12,-5.4 -12,-12s5.4,-12 12,-12c6.6,0 12,5.4 12,12S34.6,41.3 28,41.3zM39.6,21.7l-6.1,-5.1l1.7,-2l6.1,5.1L39.6,21.7z" />
</vector>

4.//drawable目录下ic_snooze.xml
<?xml version="1.0" encoding="utf-8"?>


<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="80dp"
    android:height="80dp"
    android:viewportWidth="80.0"
    android:viewportHeight="80.0">
    <path
        android:fillColor="#FFFFFFFF"
        android:pathData="M19,25.1l11.5,0l0,3.8l-5.7,7.6l5.7,0l0,3.9l-11.5,0l0,-3.9l5.8,-7.6l-5.8,0z"/>
    <path
        android:fillColor="#FFFFFFFF"
        android:pathData="M34.3,32.7l11.4,0l0,3.8l-5.7,7.7l5.7,0l0,3.8l-11.4,0l0,-3.8l5.7,-7.7l-5.7,0z"/>
    <path
        android:fillColor="#FFFFFFFF"
        android:pathData="M49.5,40.4l11.5,0l0,3.8l-5.8,7.6l5.8,0l0,3.8l-11.5,0l0,-3.8l5.7,-7.6l-5.7,0z"/>
</vector>

布局文件如下

//alarm_activity.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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:layoutDirection="ltr">

    <GridLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="3"
        android:rowCount="3">

        <TextClock
            android:id="@+id/digital_clock"
            style="@style/display_time"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:includeFontPadding="false"
            android:singleLine="true"
            android:textSize="@dimen/big_font_size"
            android:layout_row="0"
            android:layout_column="0"
            android:layout_columnSpan="3"
            android:layout_gravity="fill_horizontal" />

        <TextView
            android:id="@+id/title"
            style="@style/body"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:singleLine="true"
            android:textSize="20sp"
            android:layout_row="1"
            android:layout_column="0"
            android:layout_columnSpan="3"
            android:layout_gravity="fill_horizontal" />

        <Notification.CircleView
            android:id="@+id/pulse"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:gravity="center"
            android:layerType="hardware"
            android:layout_row="2"
            android:layout_column="0"
            android:layout_columnSpan="3"
            android:layout_gravity="fill"
            app:fillColor="@android:color/white"
            app:radius="@dimen/alarm_lockscreen_pulse_radius" />

        <ImageView
            android:id="@+id/snooze"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/bg_circle_white"
            android:contentDescription="sleep"
            android:layout_row="2"
            android:layout_column="0"
            android:layout_columnWeight="1"
            android:layout_gravity="center"
            android:src="@drawable/ic_snooze" />

        <ImageView
            android:id="@+id/dismiss"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/bg_circle_white"
            android:contentDescription="ttttttttt"
            android:layout_row="2"
            android:layout_column="2"
            android:layout_columnWeight="1"
            android:layout_gravity="center"
            android:src="@drawable/ic_dismiss" />

        <ImageView
            android:id="@+id/alarm"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/transparent"
            android:contentDescription="rrrrrrrr"
            android:paddingBottom="@dimen/alarm_lockscreen_alarm_vertical_padding"
            android:paddingLeft="@dimen/alarm_lockscreen_alarm_horizontal_padding"
            android:paddingRight="@dimen/alarm_lockscreen_alarm_horizontal_padding"
            android:paddingTop="@dimen/alarm_lockscreen_alarm_vertical_padding"
            android:layout_row="2"
            android:layout_column="1"
            android:layout_columnWeight="1"
            android:layout_gravity="center"
            android:src="@drawable/ic_fab_alarm" />

        <TextView
            android:id="@+id/hint"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/alarm_lockscreen_bottom_margin"
            android:textColor="@android:color/white"
            android:textSize="@dimen/bottom_text_size"
            android:visibility="gone"
            android:layout_row="2"
            android:layout_column="0"
            android:layout_columnSpan="3"
            android:layout_gravity="bottom|center_horizontal" />

    </GridLayout>

    <LinearLayout
        android:id="@+id/alert"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical"
        android:visibility="gone">

        <TextView
            android:id="@+id/alert_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:textAppearance="@style/alarm_lockscreen_thin"
            android:textColor="@android:color/white" />

        <TextView
            android:id="@+id/alert_info"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:textAppearance="@style/alarm_lockscreen_thin"
            android:textColor="@android:color/white"
            android:textStyle="bold"
            android:visibility="gone" />

    </LinearLayout>

</FrameLayout>