新浪微博布局学习——活用RelativeLayout-低调大师

新浪微博布局学习——活用RelativeLayout

2017-11-05 496

正文

　　一、效果图

　　　　格子布局效果：

（图一）

　居中正在加载的效果：

（图二）

二、实现代码

　　　　2.1　　实现图一效果代码

             < RelativeLayout android:id ="@id/rlDigest"
                android:background ="@drawable/panel_bg" android:layout_width ="fill_parent"
                android:layout_height ="100.0dip" android:layout_margin ="10.0dip" >
                 < TextView android:textSize ="16.0sp" android:textColor ="#ff7d899d"
                    android:gravity ="center_vertical" android:id ="@id/tvAddress"
                    android:layout_width ="wrap_content" android:layout_height ="wrap_content"
                    android:layout_marginLeft ="5.0dip" android:layout_marginTop ="10.0dip"
                    android:text ="@string/userinfo_address"
                    android:layout_alignParentLeft ="true"
                    android:layout_alignParentTop ="true" />
                 < TextView android:textSize ="16.0sp" android:textColor ="#ff373737"
                    android:id ="@id/tvAddress_content" android:layout_width ="wrap_content"
                    android:layout_height ="wrap_content" android:layout_marginLeft ="10.0dip"
                    android:layout_toRightOf ="@id/tvAddress" android:layout_alignTop ="@id/tvAddress" />
                 < View android:id ="@id/vHDivider" android:background ="@drawable/horizontal_separation_line_repeat"
                    android:layout_width ="fill_parent" android:layout_height ="1.0dip"
                    android:layout_centerVertical ="true" />
                 < TextView android:textSize ="16.0sp" android:textColor ="#ff7d899d"
                    android:gravity ="center_vertical" android:id ="@id/tvAccount_info"
                    android:layout_width ="wrap_content" android:layout_height ="wrap_content"
                    android:text ="@string/account_info" android:layout_below ="@id/vHDivider"
                    android:layout_alignLeft ="@id/tvAddress"
                    android:layout_alignParentBottom ="true" />
                 < TextView android:textSize ="16.0sp" android:textColor ="#ff373737"
                    android:gravity ="center_vertical" android:id ="@id/tvAccount_info_content"
                    android:layout_width ="wrap_content" android:layout_height ="wrap_content"
                    android:layout_marginLeft ="10.0dip" android:layout_marginBottom ="12.0dip"
                    android:singleLine ="true" android:layout_toRightOf ="@id/tvAccount_info"
                    android:layout_alignBottom ="@id/tvAccount_info" />
             </ RelativeLayout >
             < RelativeLayout android:background ="@drawable/panel_bg"
                android:layout_width ="fill_parent" android:layout_height ="130.0dip"
                android:layout_margin ="10.0dip" >
                 < View android:id ="@id/vVDivider1" android:background ="@drawable/vertical_separation_line_repeat"
                    android:layout_width ="1.0dip" android:layout_height ="fill_parent"
                    android:layout_centerHorizontal ="true" />
                 < View android:id ="@id/vHDivider2" android:background ="@drawable/horizontal_separation_line_repeat"
                    android:layout_width ="fill_parent" android:layout_height ="1.0dip"
                    android:layout_centerVertical ="true" />
                 < RelativeLayout android:id ="@id/llAttention"
                    android:background ="@drawable/bg_panel_above_left"
                    android:clickable ="true" android:layout_width ="wrap_content"
                    android:layout_height ="wrap_content" android:layout_toLeftOf ="@id/vVDivider1"
                    android:layout_above ="@id/vHDivider2"
                    android:layout_alignParentLeft ="true"
                    android:layout_alignParentTop ="true" >
                     < TextView android:gravity ="center" android:id ="@id/tvAttention_count"
                        android:layout_width ="fill_parent" android:layout_height ="wrap_content"
                        android:layout_marginTop ="10.0dip" android:text ="0"
                        android:layout_centerHorizontal ="true"
                        style ="@style/userinfo_panel_textview_count" />
                     < TextView android:gravity ="center" android:id ="@id/tvAttention"
                        android:layout_width ="fill_parent" android:layout_height ="wrap_content"
                        android:text ="@string/attention" android:layout_below ="@id/tvAttention_count"
                        android:layout_centerHorizontal ="true"
                        style ="@style/userinfo_panel_textview_title" />
                 </ RelativeLayout >
                 < LinearLayout android:orientation ="vertical"
                    android:id ="@id/rlWeibo" android:background ="@drawable/bg_panel_above_right"
                    android:clickable ="true" android:layout_width ="wrap_content"
                    android:layout_height ="wrap_content" android:layout_toRightOf ="@id/vVDivider1"
                    android:layout_above ="@id/vHDivider2"
                    android:layout_alignParentTop ="true"
                    android:layout_alignParentRight ="true" >
                     < TextView android:gravity ="center" android:layout_gravity ="center_horizontal"
                        android:id ="@id/tvWeibo_count" android:layout_width ="fill_parent"
                        android:layout_height ="wrap_content" android:layout_marginTop ="10.0dip"
                        android:text ="0" style ="@style/userinfo_panel_textview_count" />
                     < TextView android:gravity ="center" android:layout_gravity ="center_horizontal"
                        android:id ="@id/tvTopic" android:layout_width ="fill_parent"
                        android:layout_height ="wrap_content" android:text ="@string/radio_button_topic"
                        style ="@style/userinfo_panel_textview_title" />
                 </ LinearLayout >
                 < LinearLayout android:orientation ="vertical"
                    android:id ="@id/llFans" android:background ="@drawable/bg_panel_below_left"
                    android:clickable ="true" android:layout_width ="wrap_content"
                    android:layout_height ="wrap_content" android:layout_toLeftOf ="@id/vVDivider1"
                    android:layout_below ="@id/vHDivider2"
                    android:layout_alignParentLeft ="true"
                    android:layout_alignParentBottom ="true" >
                     < TextView android:gravity ="center" android:layout_gravity ="center_horizontal"
                        android:id ="@id/tvFans_count" android:layout_width ="fill_parent"
                        android:layout_height ="wrap_content" android:layout_marginTop ="10.0dip"
                        android:text ="0" style ="@style/userinfo_panel_textview_count" />
                     < TextView android:gravity ="center" android:layout_gravity ="center_horizontal"
                        android:id ="@id/tvFans" android:layout_width ="fill_parent"
                        android:layout_height ="wrap_content" android:text ="@string/fans"
                        style ="@style/userinfo_panel_textview_title" />
                 </ LinearLayout >
                 < LinearLayout android:orientation ="vertical"
                    android:id ="@id/llTopic" android:background ="@drawable/bg_panel_below_right"
                    android:clickable ="true" android:layout_width ="wrap_content"
                    android:layout_height ="wrap_content" android:layout_toRightOf ="@id/vVDivider1"
                    android:layout_below ="@id/vHDivider2"
                    android:layout_alignParentRight ="true"
                    android:layout_alignParentBottom ="true" >
                     < TextView android:gravity ="center" android:layout_gravity ="center_horizontal"
                        android:id ="@id/tvTopic_count" android:layout_width ="fill_parent"
                        android:layout_height ="wrap_content" android:layout_marginTop ="10.0dip"
                        android:text ="0" style ="@style/userinfo_panel_textview_count" />
                     < TextView android:gravity ="center" android:layout_gravity ="center_horizontal"
                        android:id ="@id/tvTopic" android:layout_width ="fill_parent"
                        android:layout_height ="wrap_content" android:text ="@string/his_topics"
                        style ="@style/userinfo_panel_textview_title" />
                 </ LinearLayout >
             </ RelativeLayout >

　　　　　　代码说明：

　　　　　　　　2.1.1　　第一个RelativeLayout为图一上的实现代码。注意使用了一个View，也就是一条横线，令其居中布局；"地址："的TextView通过layout_alignParentLeft和layout_alignParentTop令其在整个RelativeLayout顶左顶上；"账号信息："的TextView通过layout_below令其位于横线下方，layout_alignLeft令其与"地址："的TextView左边对齐，然后用layout_alignParentBottom让其居于容器底部。

　　　　　　　　2.1.2　　第二个RelativeLayout为图一下的实现代码。关键是vVDivider1和vVDivider2，与3.1.1类似，画出了一个十字架的布局，然后分别用居左、居上、居下、居右等方式实现了该布局效果。

　　　　2.2　　实现图二效果代码

     < RelativeLayout android:id ="@+id/rlpb"
        android:layout_width ="fill_parent" android:background ="#ffeff0f4"
        android:visibility ="gone" android:layout_height ="fill_parent"
        android:layout_weight ="1.0" >
         < LinearLayout android:layout_centerInParent ="true"
            android:layout_width ="wrap_content" android:layout_height ="wrap_content" >
             < ProgressBar android:id ="@+id/prb"
                style ="?android:attr/progressBarStyleSmallTitle"
                android:layout_width ="wrap_content" android:layout_height ="wrap_content" />
             < TextView android:text ="@string/loadinfo"
                android:layout_width ="wrap_content" android:layout_height ="wrap_content" />
         </ LinearLayout >
     </ RelativeLayout >

　　　　　　代码说明：

　　　　　　　　主要是layout_centerInParent属性的应用，令其居于RelativeLayout的中间。使用的时候领ListView先隐藏，然后让这个布局显示并填充，用完在设置Visible为GONE即可。

　　三、总结

　　　　熟练掌握以下重要属性，并灵活运用：

　　　　android:layout_centerInParent　　　居中布局
android:layout_centerVertical　　　水平居中布局
android:layout_centerHorizontal　　垂直居中布局

　　　　android:layout_alignParentTop　　　　居于容器内顶部
android:layout_alignParentBottom　　居于容器内底部
android:layout_alignParentLeft　　　　居于容器内左边
android:layout_alignParentRight　　　居于容器内右边

android:layout_above　　　　　　　居于指定View的上方
android:layout_below　　　　　　　居于指定View的下方

android:layout_toRightOf　　　　　　在指定View的右边
android:layout_toLeftOf　　　　　　在指定View的左边

android:layout_alignTop　　　　　　与指定View的Top一致

本文转自over140 51CTO博客，原文链接：http://blog.51cto.com/over140/582146，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/457937

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Ant和JDK7构建Android应用

　上半年用Android写了个小应用，使用Ant构建，一直都跑得非常顺利。突然有一天，生成的APK不能安装了！在用豌豆夹安装生成的APK时报了个错：安装失败：该应用签名有问题，无法安装，您可以尝试用豌豆荚手机精灵完整版进行重试。一开始，我以为是Debug版本和正式的keystore冲突造成的，结果即使把已安装的应用删了之后再安装，仍然报错……偶的神啊，我到底干了啥？回想良久，貌似我只更新了JDK而已，安装了JDK7。于是重设JAVA_HOME和PATH，使之指向JDK6，再重新用Ant构建——APK安装成功。事实证明了Ant+JDK7构建的APK不能安装，这引起了我的好奇心。我决定研究一下为什么不能。考虑到提示“签名有问题”，所以我将两个APK用压缩软件打开，比较了一下META-INF中的东西，结果发现.SF文件内容有点区别，JDK6生成的那个，是用的SHA1摘要算法，而JDK7生成的那个是用的SHA256。 JDK7居然修改了jarsigner的默认算法！于是我尝试用jarsigner，指定参数-digestalg SHA1，手工对APK进行了签名。签名后的APK可以成功安...

2017-11-06

635

正文一、截图　二、章节命名空间完成章节数(102) android 3 android.accessibilityservice 1 android.bluetooth 8 android.content 1 android.net 1 android.view 10 android.view.inputmethod 4 android.widget 74 三、下载 CHM格式： Android 中文API合集(4)(102篇)(chm格式) 注意：　如果您是windows2003或windows2008操作系统，请在chm文件上点击右键，选择属性，在弹出的对话框中，点击“解除锁定”，就可以了。　XP chm文件打不开的原因 PDF格式： Android 中文API合集(4)(102篇)(pdf格式) 四、公告由于春节耽误审稿及合集推迟发布，第5个合集将累积到4月份发布，敬请谅解! 五、提醒 Android中文合集(5)（126+8篇）(chm格式) 本文转自over140 51CTO博客，原文链接：http://blog.51cto.com/over14...

2017-11-06

818

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。