Android布局——小米便签编辑界面xml
来源:互联网 发布:软件培训就业 编辑:程序博客网 时间:2024/05/18 00:20
最近在学习小米便签的开源项目,现在对note编辑界面对应的note_edit.xml做一些注释笔记。项目地址:https://github.com/MiCode/Notes
界面效果如图:
<?xml version="1.0" encoding="utf-8"?><!-- Copyright (c) 2010-2011, The MiCode Open Source Community (www.micode.net) Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.--><FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/list_background" xmlns:android="http://schemas.android.com/apk/res/android"> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"><!--顶栏代码:当前时间(TextView),闹钟icon(ImageView),提醒时间(TextView),颜色选择按钮(ImageButton)--> <LinearLayout android:id="@+id/note_title" android:layout_width="fill_parent" android:layout_height="wrap_content"> <TextView android:id="@+id/tv_modified_date" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" android:layout_gravity="left|center_vertical" android:layout_marginRight="8dip" android:textAppearance="@style/TextAppearanceSecondaryItem" /> <ImageView android:id="@+id/iv_alert_icon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:background="@drawable/title_alert" /> <TextView android:id="@+id/tv_alert_date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="2dip" android:layout_marginRight="8dip" android:textAppearance="@style/TextAppearanceSecondaryItem" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:background="@drawable/bg_btn_set_color" /> </LinearLayout><!--正文部分:背景颜色选择(ImageView),垂直滚动条(ScrollView),字体大小设置(FrameLayout)--> <LinearLayout android:id="@+id/sv_note_edit" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <ImageView android:layout_width="fill_parent" android:layout_height="7dip" android:background="@drawable/bg_color_btn_mask" /> <ScrollView android:layout_width="fill_parent" android:layout_height="0dip" android:layout_weight="1" android:scrollbars="none" android:overScrollMode="never" android:layout_gravity="left|top" android:fadingEdgeLength="0dip"> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent"> <net.micode.notes.ui.NoteEditText android:id="@+id/note_edit_view" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="left|top" android:background="@null" android:autoLink="all" android:linksClickable="false" android:minLines="12" android:textAppearance="@style/TextAppearancePrimaryItem" android:lineSpacingMultiplier="1.2" /> <LinearLayout android:id="@+id/note_edit_list" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" android:layout_marginLeft="-10dip" android:visibility="gone" /> </LinearLayout> </ScrollView> <ImageView android:layout_width="fill_parent" android:layout_height="7dip" android:background="@drawable/bg_color_btn_mask" /> </LinearLayout> </LinearLayout> <ImageView android:id="@+id/btn_set_bg_color" android:layout_height="43dip" android:layout_width="wrap_content" android:background="@drawable/bg_color_btn_mask" android:layout_gravity="top|right" /> <LinearLayout android:id="@+id/note_bg_color_selector" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/note_edit_color_selector_panel" android:layout_marginTop="30dip" android:layout_marginRight="8dip" android:layout_gravity="top|right"<!--选择背景色为黄色--> <FrameLayout android:layout_width="0dip" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_bg_yellow" android:layout_width="match_parent" android:layout_height="match_parent" /> <ImageView android:id="@+id/iv_bg_yellow_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:layout_marginRight="5dip" android:focusable="false" android:visibility="gone" android:src="@drawable/selected" /> </FrameLayout><!--选择背景色为蓝色--> <FrameLayout android:layout_width="0dip" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_bg_blue" android:layout_width="match_parent" android:layout_height="match_parent" /> <ImageView android:id="@+id/iv_bg_blue_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:focusable="false" android:visibility="gone" android:layout_marginRight="3dip" android:src="@drawable/selected" /><!--选择背景色为白色--> <FrameLayout android:layout_width="0dip" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_bg_white" android:layout_width="match_parent" android:layout_height="match_parent" /> <ImageView android:id="@+id/iv_bg_white_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:focusable="false" android:visibility="gone" android:layout_marginRight="2dip" android:src="@drawable/selected" /> </FrameLayout><!--选择背景色为绿色--> <FrameLayout android:layout_width="0dip" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_bg_green" android:layout_width="match_parent" android:layout_height="match_parent" /> <ImageView android:id="@+id/iv_bg_green_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:focusable="false" android:visibility="gone" android:src="@drawable/selected" /><!--选择背景色为红色--> <FrameLayout android:layout_width="0dip" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_bg_red" android:layout_width="match_parent" android:layout_height="match_parent" /> <ImageView android:id="@+id/iv_bg_red_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:focusable="false" android:visibility="gone" android:src="@drawable/selected" /> </FrameLayout> </LinearLayout><!--字体大小设置--> <LinearLayout android:id="@+id/font_size_selector" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/font_size_selector_bg" android:layout_gravity="bottom"<!--选择小字号--> <FrameLayout android:id="@+id/ll_font_small" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:layout_gravity="center" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/font_small" android:layout_marginBottom="5dip" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_font_small" android:textAppearance="@style/TextAppearanceUnderMenuIcon" /> </LinearLayout> <ImageView android:id="@+id/iv_small_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:layout_marginRight="6dip" android:layout_marginBottom="-7dip" android:focusable="false" android:visibility="gone" android:src="@drawable/selected" /> </FrameLayout><!--选择正常字号--> <FrameLayout android:id="@+id/ll_font_normal" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:layout_gravity="center" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/font_normal" android:layout_marginBottom="5dip" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_font_normal" android:textAppearance="@style/TextAppearanceUnderMenuIcon" /> </LinearLayout> <ImageView android:id="@+id/iv_medium_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:focusable="false" android:visibility="gone" android:layout_marginRight="6dip" android:layout_marginBottom="-7dip" android:src="@drawable/selected" /><!--选择大字号--> <FrameLayout android:id="@+id/ll_font_large" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:layout_gravity="center" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/font_large" android:layout_marginBottom="5dip" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_font_large" android:textAppearance="@style/TextAppearanceUnderMenuIcon" /> </LinearLayout> <ImageView android:id="@+id/iv_large_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:focusable="false" android:visibility="gone" android:layout_marginRight="6dip" android:layout_marginBottom="-7dip" android:src="@drawable/selected" /> </FrameLayout><!--选择超大字号--> <FrameLayout android:id="@+id/ll_font_super" android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:layout_gravity="center" android:gravity="center"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/font_super" android:layout_marginBottom="5dip" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/menu_font_super" android:textAppearance="@style/TextAppearanceUnderMenuIcon" /> </LinearLayout> <ImageView android:id="@+id/iv_super_select" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:focusable="false" android:visibility="gone" android:layout_marginRight="6dip" android:layout_marginBottom="-7dip" android:src="@drawable/selected" /> </FrameLayout> </LinearLayout></FrameLayout>
说明:希望通过blog来记录我的学习历程,同时想借助此平台分享遇到的各种问题以及解决方案,期待能够与大家共同进步,Nothing is waived.
阅读全文
0 0
- Android布局——小米便签编辑界面xml
- Android之仿小米便签程序
- Android布局中相同xml文件不同手机显示的界面可能不一样(如华为、小米手机有差异)
- 小米便签(1)
- 小米便签(2)
- android xml界面布局常用属性概括
- android编程 XML界面布局大全
- android xml界面布局常用属性概括
- android xml界面布局特殊属性
- Android笔记——界面布局
- android相对布局实例—登录界面
- android基础——界面布局(二) 线性布局
- Android初学错误-编辑布局xml文件中string声明
- xml界面布局问题
- 回家后的小米便签
- 从零开始写一个小米便签
- Android—ViewPager+布局xml(View)
- Android界面编程——Android布局组件(二)
- python学习——《python编程从入门到实践》
- PAT 乙级1050. 螺旋矩阵(25)&&蛇形填数&&51Nod 1283 最小的周长
- oracle新建表空间和用户、导入导出数据库文件
- 如何安装最新的Debugging Tools for Windows
- 洛谷 P1976 鸡蛋饼
- Android布局——小米便签编辑界面xml
- 前端面试题
- Linux+开发+运维->推荐书籍与学习路线
- 第4周项目3 单链表应用
- java的整型与字符串的相互转换
- C#文件与字符串操作笔记
- 关于rem换算
- 资料收集
- 汇编语言跳转指令: JMP、JECXZ、JA、JB、JG、JL、JE、JZ、JS、JC、JO、JP 等