MyFlag Step3: 界面设计初步

最新推荐文章于 2017-06-19 00:11:46 发布
最新推荐文章于 2017-06-19 00:11:46 发布
阅读量564 收藏
点赞数
分类专栏： 创新实训 文章标签： MyFlag 垂直社交 界面设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DearMa/article/details/71928319
版权

引言

值得一提的是，经过几天的探讨与努力，我们的项目有了实质性的进展。这一周，我们小组首要讨论的大概有以下几点：
  • 用户端系统模块的划分
  • 用户端详细设计的初步进行
  • 接口文档的进一步确定
  • 用户界面设计的进行

用户界面设计的进行

由于用户界面的设计和实现以及相关的界面跳转与系统的功能模块有着紧密的联系，所以主要负责界面设计的我我是在探讨如何规划系统模块，如何精简系统模块以及如何使系统模块间的衔接更加清晰合理的问题上下了大功夫。

目前，客户端的模块设计基本上确定下来，确定下来的模块有：

  • 网络请求工具模块，封装了与服务器通信的方法
  • 用户模块，功能包括
    • 用户注册
    • 用户登录
    • 修改个人信息
    • 修改密码
    • 查找用户

  • 社区模块，功能包括
    • 添加好友
    • 确认添加好友
    • 改变备注
    • 我的朋友
    • 获得好友请求列表

  • 用户Flag模块
    • 创立Flag
    • 查看我的Flag
    • 更新我的Flag
    • 删除我的Flag

  • 社区Flag模块，主要功能有
    • 查看朋友的Flag
    • 请求朋友监督自己的Flag
    • 处理要求监督Flag的请求
    • 评价朋友的Flag
    • 查看朋友对自己Flag的评价

其中，每一个模块将对应着一个界面的设计，具体的设计逻辑以及功能模块的信息显示需要双方的密切沟通，针对我们模块的初步确定。我尝试着将几个集体操作流程所需要的界面进行初步的设计，查看前期效果。
根据用户操作习惯和流程，目前尝试的界面有：

  • 注册界面
  • 登录界面
  • 个人首页界面
  • 新建Flag界面
  • 社区界面
  • 好友界面

分别对应的功能为：

  • 用户模块
    • 用户注册
    • 用户登录
  • 用户Flag模块
    • 创立Flag
    • 查看我的Flag
  • 社区模块
    • 我的朋友
  • 社区Flag模块
    • 产看朋友的Flag

用户注册

相关代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/activity_bg_gray"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/white"
        android:padding="0dp">

        <ImageButton
            android:id="@+id/back_btn"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentLeft="true"
            android:background="@drawable/toolbar_back_bg"
            android:onClick="backTo"
            android:src="?attr/homeAsUpIndicator" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="注册"
            android:textColor="@color/black"
            android:textSize="19sp" />
    </RelativeLayout>

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/activity_bg_gray"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/transparent"
                android:orientation="vertical"
                android:paddingTop="25dp">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    android:gravity="center"
                    android:orientation="horizontal"
                    android:paddingLeft="24dp"
                    android:paddingRight="24dp">

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center_vertical">

                        <ImageView
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:src="@drawable/login_userid_icon" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="8dp"
                            android:text="昵称"
                            android:textColor="@color/black"
                            android:textSize="16sp" />
                    </LinearLayout>

                    <EditText
                        android:id="@+id/registerNameEditText"
                        android:layout_width="0dp"
                        android:layout_height="28dp"
                        android:layout_weight="2"
                        android:background="@drawable/edittext_blue_bord_bg"
                        android:paddingLeft="12dp"
                        android:paddingRight="12dp"
                        android:textColor="@color/black"
                        android:textSize="14sp" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    android:gravity="center"
                    android:orientation="horizontal"
                    android:paddingLeft="24dp"
                    android:paddingRight="24dp">

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center_vertical">

                        <ImageView
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:src="@drawable/password_icon" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="8dp"
                            android:text="密码"
                            android:textColor="@color/black"
                            android:textSize="16sp" />
                    </LinearLayout>

                    <EditText
                        android:id="@+id/registerPasswordEditText"
                        android:layout_width="0dp"
                        android:layout_height="28dp"
                        android:layout_weight="2"
                        android:background="@drawable/edittext_blue_bord_bg"
                        android:inputType="textPassword"
                        android:paddingLeft="12dp"
                        android:paddingRight="12dp"
                        android:textColor="@color/black"
                        android:textSize="14sp" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    android:gravity="center"
                    android:orientation="horizontal"
                    android:paddingLeft="24dp"
                    android:paddingRight="24dp">

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center_vertical">

                        <ImageView
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:src="@drawable/password_icon" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="8dp"
                            android:text="确认密码"
                            android:textColor="@color/black"
                            android:textSize="16sp" />
                    </LinearLayout>

                    <EditText
                        android:id="@+id/registerPasswordAgainEditText"
                        android:layout_width="0dp"
                        android:layout_height="28dp"
                        android:layout_weight="2"
                        android:background="@drawable/edittext_blue_bord_bg"
                        android:inputType="textPassword"
                        android:paddingLeft="12dp"
                        android:paddingRight="12dp"
                        android:textColor="@color/black"
                        android:textSize="14sp" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    android:gravity="center"
                    android:orientation="horizontal"
                    android:paddingLeft="24dp"
                    android:paddingRight="24dp">

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center_vertical">

                        <ImageView
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:src="@drawable/phone_num_icon" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="8dp"
                            android:text="手机号"
                            android:textColor="@color/black"
                            android:textSize="16sp" />
                    </LinearLayout>

                    <EditText
                        android:id="@+id/registerPhoneNumberEditText"
                        android:layout_width="0dp"
                        android:layout_height="28dp"
                        android:layout_weight="2"
                        android:background="@drawable/edittext_blue_bord_bg"
                        android:paddingLeft="12dp"
                        android:paddingRight="12dp"
                        android:textColor="@color/black"
                        android:textSize="14sp" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    android:gravity="center"
                    android:orientation="horizontal"
                    android:paddingLeft="24dp"
                    android:paddingRight="24dp">

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center_vertical">

                        <ImageView
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:src="@drawable/email_num_icon" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="8dp"
                            android:text="邮箱"
                            android:textColor="@color/black"
                            android:textSize="16sp" />
                    </LinearLayout>

                    <EditText
                        android:id="@+id/registerEmailEditText"
                        android:layout_width="0dp"
                        android:layout_height="28dp"
                        android:layout_weight="2"
                        android:background="@drawable/edittext_blue_bord_bg"
                        android:paddingLeft="12dp"
                        android:paddingRight="12dp"
                        android:textColor="@color/black"
                        android:textSize="14sp" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="12dp"
                    android:gravity="center"
                    android:orientation="horizontal"
                    android:paddingLeft="24dp"
                    android:paddingRight="24dp">

                    <LinearLayout
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:gravity="center_vertical">

                        <ImageView
                            android:layout_width="16dp"
                            android:layout_height="16dp"
                            android:src="@drawable/personal_info_icon" />

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="8dp"
                            android:text="个人信息"
                            android:textColor="@color/black"
                            android:textSize="16sp" />
                    </LinearLayout>

                    <EditText
                        android:id="@+id/registerPersonalInformationEditText"
                        android:layout_width="0dp"
                        android:layout_height="28dp"
                        android:layout_weight="2"
                        android:background="@drawable/edittext_blue_bord_bg"
                        android:hint="选填"
                        android:paddingLeft="12dp"
                        android:paddingRight="12dp"
                        android:textColor="@color/black"
                        android:textColorHint="@color/text_hint_gray"
                        android:textSize="14sp" />
                </LinearLayout>

            </LinearLayout>

            <Button
                android:id="@+id/registerCompleteButton"
                android:layout_width="240dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginBottom="60dp"
                android:layout_marginTop="60dp"
                android:background="@drawable/login_button_bg"
                android:text="完成"
                android:textColor="@color/white"
                android:textSize="16sp" />
        </LinearLayout>
    </ScrollView>
</LinearLayout>

设计效果图：
这里写图片描述

登录界面：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/login_bg"
    android:orientation="vertical">

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/login_bg"
            android:gravity="center"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="270dp"
                android:gravity="center_horizontal|bottom"
                android:orientation="vertical"
                android:padding="40dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="120dp"
                    android:src="@drawable/login_logo" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="56dp"
                    android:layout_marginRight="56dp"
                    android:background="@drawable/edittext_blue_bord_bg"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="16dp"
                        android:layout_height="16dp"
                        android:layout_margin="16dp"
                        android:src="@drawable/login_userid_icon" />

                    <EditText
                        android:id="@+id/loginAccountEditText"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginRight="16dp"
                        android:background="@null"
                        android:hint="手机号"
                        android:textColor="@color/black"
                        android:textColorHint="@color/text_hint_gray"
                        android:textSize="16sp" />
                </LinearLayout>

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="56dp"
                    android:layout_marginRight="56dp"
                    android:layout_marginTop="16dp"
                    android:background="@drawable/edittext_blue_bord_bg"
                    android:orientation="horizontal">

                    <ImageView
                        android:layout_width="16dp"
                        android:layout_height="16dp"
                        android:layout_margin="16dp"
                        android:src="@drawable/login_password_icon" />

                    <EditText
                        android:id="@+id/loginPasswordEditText"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:layout_marginRight="16dp"
                        android:background="@null"
                        android:hint="密码(6-16位英文和数字)"
                        android:inputType="textPassword"
                        android:textColor="@color/black"
                        android:textColorHint="@color/text_hint_gray"
                        android:textSize="16sp" />
                </LinearLayout>

                <Button
                    android:id="@+id/loginLoginButton"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="56dp"
                    android:layout_marginRight="56dp"
                    android:layout_marginTop="16dp"
                    android:background="@drawable/login_button_bg"
                    android:gravity="center"
                    android:onClick="login"
                    android:text="登录"
                    android:textColor="@color/white"
                    android:textSize="16sp" />

                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="56dp"
                    android:layout_marginRight="56dp"
                    android:layout_marginTop="16dp"
                    android:paddingBottom="16dp">

                    <Button
                        android:id="@+id/loginRegisterButton"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:background="@color/transparent"
                        android:gravity="center"
                        android:onClick="goToRegister"
                        android:text="注册"
                        android:textColor="@color/login_button_default_blue"
                        android:textSize="16sp" />
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    </ScrollView>
</LinearLayout>

设计效果图：
这里写图片描述

新建Flag界面：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/activity_bg_gray"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/white"
        android:padding="0dp">

        <ImageButton
            android:id="@+id/back_btn"
            android:layout_width="?attr/actionBarSize"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentLeft="true"
            android:background="@drawable/toolbar_back_bg"
            android:onClick="create_backTo"
            android:src="?attr/homeAsUpIndicator" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="新建FLAG"
            android:textColor="@color/black"
            android:textSize="19sp" />
    </RelativeLayout>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/transparent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="16dp"
            android:background="@color/white"
            android:gravity="center_horizontal"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_weight="1"
                    android:text="内容"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

                <EditText
                    android:id="@+id/newFlagContentEditText"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_marginRight="16dp"
                    android:layout_weight="2.2"
                    android:background="@null"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="16sp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/activity_bg_gray" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_weight="1"
                    android:text="形式"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="2.2">

                    <carbon.widget.RadioGroup
                        android:id="@+id/radio_group"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">

                        <carbon.widget.RadioButton
                            android:id="@+id/personal_rb"
                            android:layout_width="wrap_content"
                            android:layout_height="@dimen/carbon_listItemHeight"
                            android:gravity="center_vertical"
                            android:text="个人"
                            android:checked="true"/>

                        <carbon.widget.RadioButton
                            android:id="@+id/team_rb"
                            android:layout_width="wrap_content"
                            android:layout_height="@dimen/carbon_listItemHeight"
                            android:gravity="center_vertical"
                            android:text="团体" />

                    </carbon.widget.RadioGroup>

                    <TextView
                        android:id="@+id/newFlagFormEditText"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginRight="16dp"
                        android:layout_below="@+id/radio_group"
                        android:background="@color/white"
                        android:textColor="@color/text_dark_gray"
                        android:textSize="16sp"
                        android:padding="8dp"
                        android:text="\@"
                        android:visibility="gone"/>
                </RelativeLayout>

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/activity_bg_gray" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_weight="1"
                    android:text="开始时间"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

                <TextView
                    android:id="@+id/begin_tv"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_marginRight="16dp"
                    android:layout_weight="2.2"
                    android:background="@null"
                    android:gravity="center_vertical"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="16sp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/activity_bg_gray" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_weight="1"
                    android:text="结束时间"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

                <TextView
                    android:id="@+id/end_tv"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_marginRight="16dp"
                    android:layout_weight="2.2"
                    android:background="@null"
                    android:gravity="center_vertical"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="16sp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/activity_bg_gray" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_weight="1"
                    android:text="邀请监督人"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

                <TextView
                    android:id="@+id/newFlagInviteEditText"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_marginRight="16dp"
                    android:layout_weight="2.2"
                    android:background="@null"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="16sp"
                    android:gravity="center_vertical"
                    android:text="\@"/>
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/activity_bg_gray" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_weight="1"
                    android:text="监督人上限"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

                <EditText
                    android:id="@+id/newFlagLimitEditText"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_marginRight="16dp"
                    android:layout_weight="2.2"
                    android:background="@null"
                    android:textColorHint="@color/text_hint_gray"
                    android:hint="请输入上限数"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="16sp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/activity_bg_gray" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_weight="1"
                    android:text="奖励设置"
                    android:textColor="@color/black"
                    android:textSize="16sp" />

                <EditText
                    android:id="@+id/newFlagAwardEditText"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_marginRight="16dp"
                    android:layout_weight="2.2"
                    android:background="@null"
                    android:textColorHint="@color/text_hint_gray"
                    android:hint="请输入奖励"
                    android:textColor="@color/text_dark_gray"
                    android:textSize="16sp" />
            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@color/activity_bg_gray" />

            <Button
                android:id="@+id/newFlagCommitButton"
                android:layout_width="270dp"
                android:layout_height="wrap_content"
                android:layout_margin="40dp"
                android:background="@drawable/login_button_bg"
                android:text="提交申请"
                android:textColor="@color/white"
                android:textSize="16sp" />
        </LinearLayout>
    </ScrollView>
</LinearLayout>

设计效果图：
这里写图片描述

总结

为了可以更好模拟在真机上的运行效果，其他三个界面在没有后台的支持的情况下，需要进行相关测试数据的填充处理，来达到查看的目的，由于篇幅比较长，故 暂时先完成了登录、注册、创建Flag的三个界面。剩下的三个界面应该与客户端开发人员协同应该显示的数据有哪些。

脱缰的小马哥
关注
专栏目录
异步电机电磁matlab编程
04-15
- `myflag1`至`myflag7`定义了电机的各种特性，这些标志变量的选择直接影响到电机的几何结构设计。例如，`myflag1`为0表示单层绝缘，这会直接影响到槽隙的宽度以及绕组的布置方式。 2. **基本额定参数计算**： - ...
中小型异步电动机的matlab计算程序.doc
07-05
3. 铁心长度标志（myflag3和myflag4）：myflag3和myflag4与通风道有关，myflag3=1表示无径向通风道的铁心长度，myflag4=1表示无径向通风道的净铁心长度，这关系到电机的散热性能。 4. 线圈类型标志（myflag5和...
MyFlag(OpenGl风中的红旗)
10-27
使用OpenGl编写的风中的红旗。可以实现风中的飞舞。 可以使用键盘控制风的方向和风速。
xflagable:具有一次回调的简单标志承诺
05-25
XFlagable描述flagable是一个小的工具（2.8kb），可让您创建“ flags”（其具有几个布尔属性，我称之为按钮）。... 使用示例： -您需要切换某些内容，并且需要N个异步操作才能...myObject.$flag('create','myFlag',['key
ebdoor email spider
11-21
7. **myflag**：这个文件名没有明确的上下文，但可能是一个标志文件，用于标记程序的状态或完成的任务。例如，当邮件抓取任务完成后，程序可能创建或修改这个文件来通知用户。 总结来说，"ebdoor email spider" 是...
Step7：material design的基本介绍以及安装
Mark的博客
05-28 1131
引言页面的基本逻辑已经接近于完善，相关的粗框架也已经基本成型，以后的每个阶段主要是针对每个界面的优化，我将尝试使用不同的稳定的技术来使得我们的交互界面看起来更加有好一些，现在介绍一款中途可能用到的框架—Material Design简介Material Design语言[1] 的一些重要功能包括 系统字体Roboto的升级版本 ，同时颜色更鲜艳，动画效果更突出。杜拉特还简要谈到了新框架的一些变化—
MyFlag Step6：app详细页面设计与代码编写
Mark的博客
05-22 982
引言前一阶段，我们详细探讨了界面的初步逻辑关系，并且根据图示显而易见的找到了几个比较重要的路由节点，前一段时间的必备界面的粗框架设计的完成，使我我们这一阶段将要对那些条件关系简单，逻辑简单而且界面数据简单的界面进行初步的设计，使得客户端开发人员的客户端逻辑设计更加详细清晰。界面设计之前界面设计的所有工作大致如下： 带色的部分是粗框架已经设计完并且经过数据填充可以在APP上可以正确显示信息的界面。其
创新实训开篇：MyFlag的创意背景及准备工作的介绍
Mark的博客
05-07 570
引言经过小组团队的探讨，我们初步讨论了MyFlag的创意背景以及定位，并且根据正常的软件开发流程想到了必要的前期资源的储备。最后由我总结整理了我们的前两篇开题博客： MyFlag团队项目开篇总博客其中，我负责MyFlag的前端页面实现这次开篇中我所做的工作主要有以下几点:将具有MyFlag创意功能相似的几款APP进行分析，对比优劣 使用自己的腾讯云主机 协同工具Project2016的安装 参与需求
MyFlag Step12：menupath界面跳转测试以及其他优化
Mark的博客
06-11 536
引言这一阶段我的工作具体如下： 测试menupath跳转 初步考虑增加进度条功能并找寻资料 MenuPath跳转这个界面的跳转中间出了很多的BUG因为myflg的界面设计不同于最初始的MENUPATH的设计，他之间增加了一个活动的基类，不过最终还是通过传统的方法进行跳转。 在menupath的监听器里面添加如下方法：menu.setOnItemClickedListener(new Satelli
MyFlag Step4：APP的详细设计和界面设计
Mark的博客
05-15 459
引言本周第二阶段的主要任如下：用户详细设计的进行 服务器端详细设计的进行 用户界面设计的详细进行 对我我的主要任务，主要是针对部分构建好的界面进行测试数据的填充用户界面设计这一阶段主要针对以下三个界面： 个人首页界面 社区首页界面 我的好友界面 个人首页界面布局代码如下;<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:androi
Step8：菜单按钮的设计
Mark的博客
05-29 450
引言在我的界面设计中，“我”这一关系路由承接的关系即多又杂乱，优化的第一步考虑到优化功能模块的集中。菜单按钮本意是做一个菜单按钮，并且初始的效果图如下：当然效果图很low 但是实际上反映及其流畅： 首先，需要相关的java实现 ArrayDegreeProvider package com.sduxiaoma.mark.menupath; public class ArrayDeg
MyFlag Step2：APP雏形的展现以及相关规范
Mark的博客
05-07 418
引言我们MyFlag的创意很新颖，市面上目前还没有与此同类的APP或者软件，所以我们的在没有相关的参考的情况下进行尝试性的讨论并将MyFlag的初步的雏形进行初步的构建。并且在开发过程中做好一系列的规定与规范。 我整理并且总结发布的第二篇团队博客：MyFlag Step2：APP雏形的展现以及相关规范进行完MyFlag的产品定位以及相关的核心功能之后，我们团队开始考虑到这个想法的落地。今天我们团队主
MyFlag Step14： 打卡功能界面的初步
Mark的博客
06-19 407
引言经过相互的讨论，现在拟定打卡的形式问题界面粗设计activity_my.xml<merge xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.an
MyFlag Step5：app页面初步设计与代码编写
Mark的博客
05-21 362
引言本周我们主要进行进行页面设计与代码编写，在前两天的工作中我们主要进行了以下工作：页面的初步设计与逻辑交互设计 客户端代码编写 后台代码编写 针对我的工作，主要是将显而易见一定会有的界面做出来之后，是通过相关的跳转关系更加形象具体的体现各个界面之间的跳转关系。从而确定整个APP中路由界面，并且更加完善整个APP的跳转关系。界面跳转关系暂定的界面之间的关系如同上图，在讨论界面关系的同时我们详细讨论了
MyFlag Step13：打卡功能的初步讨论
Mark的博客
06-18 355
引言按照我们的规划，本周的任务便是打卡功能的设计开发和完善。 在第一阶段中，前端方面主要围绕以下三个核心的观点进行明确： 打卡的入口 打卡的形式 参与打卡的人 打卡的入口经过充分的讨论，我们拟定打卡的入口为前一阶段menupath里面的快捷入口按钮，具体的操作就是在MainActivity.java的代码中插入具体的path打卡的形式通过将Flag逐个浏览，并且选择完成与否参与打卡的人主要是打卡的
MyFlag Step9 ：Flag功能相关的设计
Mark的博客
06-04 322
引言不知不觉，我们的创新项目实训已经过去了大半，按照我们事先商定好的计划，这周的任务主要是安卓客户端与后天有关具体的Flag的功能的相关实现，计划能顺利实施，得益于我们前期花费大量时间的讨论以及对工作量的正确的评估。本周的主要任务有： 客户端 ：我的好友消息和Flag详情 后台：DAO层的详细逻辑梳理架构 前端：客户端设计工作的细节调整以及界面优化在这里我着重介绍下前端的工作： 客户端+前端1、我的
MyFlag Step11 ：menupath的移植工作
Mark的博客
06-11 310
引言本周的计划相对稳定，就是继续前一段时间我们的工作，整体的计划具体如下： 客户端 ：修改密码和查看个人信息 后台：SuperviseDao的功能实现 界面：界面跳转关系与布局的优化 现在对于界面的优化，具体的工作如下:界面移植 首先是将res文件夹下drawable下的图片文件复制到myflag相应的地方。 将layout下的布局文件 sat_item_cr.xml、sat_main.xml移
MyFlag Step10：后台代码解耦与客户端具体功能设计
Mark的博客
06-04 298
引言本周恰巧是开发周期的中期，我们按部就班有条不紊的按照原计划进行开发，这一阶段我们主要的任务有以下几个方面： DAO层的代码重写与解耦 评论功能+我的消息 我的主要功能工作就是与客户端的开发人员及时进行沟通并且进行页面调整，详细状况如下：评论功能+我的消息1、评价界面可以让监督flag的好友们对flag进行评价，包括是否完成以及评语， xml文件如下：<?xml version="1.0" en
openwrt luci界面编写 勾选框组件
最新发布
04-29
OpenWrt Luci界面的勾选框组件可以在lua文件中..."myflag"为勾选框的名称，"My Flag"为该勾选框在界面上显示的名称。 你可以根据需要修改这些名称。同时，你也可以在代码中添加更多的选项和信息，以实现你所需的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值