小辣鸡的Android开发之路-应用冻结器-2-布局界面

应用冻结器-布局界面

能够获取到应用信息后，应该进行下一步操作，布局我们的应用界面。这个应用的界面布局不用很复杂。我们只需要布局一个列表和右上角的菜单。

wow，主界面xml文件真的很少文件。只有一个根布局和一个RecyclerView。
【activity_main.xml文件】

<LinearLayout 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:orientation="vertical"
    >

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/listpkage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:listitem="@layout/listitem_layout" />
</LinearLayout>

界面展示

有了列表，我们需要表项的布局。表项的布局包含一个ImageView、一个CheckBox和两个TextView。布局采取卡片布局，卡片布局里包含相对布局。
【listitem_layout.xml文件】

<androidx.cardview.widget.CardView
    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="wrap_content"
    android:layout_marginTop="3dp"
    android:layout_marginBottom="3dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:clickable="true"
    android:foreground="?android:attr/selectableItemBackground"
    android:background="#FFFFFF"
    app:cardCornerRadius="3dp"
    app:cardElevation="2dp">

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

    <ImageView
        android:id="@+id/pkicon"
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp" />

    <TextView
        android:id="@+id/lbname"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:ellipsize="end"
        android:singleLine="true"
        android:layout_toRightOf="@id/pkicon" />

    <TextView
        android:id="@+id/pkname"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="0dp"
        android:ellipsize="end"
        android:singleLine="true"
        android:layout_toRightOf="@id/pkicon"
        android:layout_below="@id/lbname"/>

    <ImageView
        android:id="@+id/frozen"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_centerVertical="true"
        android:layout_marginRight="15dp"
        android:layout_toLeftOf="@+id/appListCheckBox"
        android:scaleType="fitXY"/>

    <CheckBox
        android:id="@+id/appListCheckBox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"/>

</RelativeLayout>
</androidx.cardview.widget.CardView>

效果展示

似乎我们还需要一个菜单。这个菜单用于切换显示不同种类的应用。
【main_option_menu.xml】

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/allapp" android:title="所有应用" />
    <item android:id="@+id/sysapp" android:title="系统应用" />
    <item android:id="@+id/installapp" android:title="安装应用" />
    <item android:id="@+id/disabledapp" android:title="已禁用应用" />
    <item android:id="@+id/enabledapp" android:title="未禁用应用" />
</menu>

效果展示

额。。。貌似展示图与最终想象的相差很远。没关系，这只是在AS设计单个页面时显示的效果，把它们整合起来得到的说不定是最初想要的界面。当然，这其中还需要写一些代码来配合。