android 安卓微信布局

一箫一剑平生意，负尽狂名十五年。这篇文章主要讲述android 安卓微信布局相关的知识，希望能为你提供帮助。
微信布局
直接上代码吧

---------------------------------------- 头部 -----------------------------------------------
项目 /res/layout 目录下创建 head.xml

文章图片

< ?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="50dp" android:background="#21292c" android:orientation="horizontal" > < TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:fontFamily="@string/kti" android:padding="10dp" android:text="@string/name" android:textColor="#ffffff" android:textSize="16sp" /> < TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> < LinearLayout android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" > < ImageView android:id="@+id/imageView1" style="@style/headStyle" android:layout_marginRight="30dp" android:src="https://www.songbingjia.com/android/@drawable/fdj" /> < ImageView android:id="@+id/imageView2" style="@style/headStyle" android:layout_marginRight="10dp" android:src="https://www.songbingjia.com/android/@drawable/barbuttonicon_add" /> < /LinearLayout> < /LinearLayout>

head.xml 复制粘贴到自己的项目发现好多好多的

文章图片
报编译错误╭(╯^╰)╮

文章图片
带@什么什么的大多都有配

文章图片
(良心配方 ? (￣△￣；) )
不急不急先来一个一个解决吧 (￣m￣)

项目下res 文件下 values 文件下 strings.xml 文件
(看到就打开复制粘贴没看到ㄟ( ▔, ▔ )ㄏ就在values下面创建一个 strings.xml 文件 .xml 文件啊(σ｀д′)σ)

文章图片

< ?xml version="1.0" encoding="utf-8"?> < resources> < string name="app_name"> winxinmff微信界面< /string> < string name="hello_world"> Hello world!< /string> < string name="action_settings"> Settings< /string> < string name="name"> 微信< /string> < string name="tongxl"> 通讯录< /string> < string name="tabbar"> 发现< /string> < string name="ewo"> 我< /string> < string name="kti"> 楷体< /string> < /resources>

strings.xml

项目下res文件下 values文件下 styles.xml 文件
(还是那句话看的就复制粘贴)

文章图片

< resources xmlns:android="http://schemas.android.com/apk/res/android"> < !-- Base application theme, dependent on API level. This theme is replaced by AppBaseTheme from res/values-vXX/styles.xml on newer devices.--> < style name="AppBaseTheme" parent="android:Theme.Light"> < !-- Theme customizations available in newer API levels can go in res/values-vXX/styles.xml, while customizations related to backward-compatibility can go here. --> < /style> < !-- Application theme. --> < style name="AppTheme" parent="AppBaseTheme"> < !-- All customizations that are NOT specific to a particular API-level can go here. --> < /style> < style name="radiostyle"> < item name="android:button"> @null< /item> < item name="android:layout_weight"> 1< /item> < item name="android:gravity"> center< /item> < item name="android:textColor"> @drawable/text_color< /item> < item name="android:layout_width"> match_parent< /item> < item name="android:layout_height"> match_parent< /item> < item name="android:layout_marginTop"> 5dp< /item> < item name="android:layout_marginBottom"> 5dp< /item> < item name="android:textSize"> 9sp< /item> < item name="android:drawablePadding"> 5sp< /item> < /style> < style name="headStyle"> < item name="android:layout_width"> 32dp< /item> < item name="android:layout_height"> 22dp< /item> < /style> < /resources>

styles.xml 项目下 /res/drawable-hdpi/text_color.xml 文件

文章图片

< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android"> < item android:state_checked="true" android:color="@color/green"> < /item> < item android:state_checked="false" android:color="@color/grey"> < /item> < /selector>

text_color.xml
那啥

文章图片
和

文章图片
这玩意还有

文章图片
是吧
【android 安卓微信布局】

文章图片

文章图片

这是图片有几张是透明图片自己看着办吧
如：

文章图片

自己用鼠标拖拉一下就知道了

会用 git 的可以去下面这个链接里面用 git clone 命令下载图片

文章图片

https://github.com/littleSeven7/sevenTeam 这个链接是它里面的图片

不管用什么方法下载下来
把图片放在项目/res/drawable-hdpi下面它会自动生成R文件
名字什么的就自己改改啦 < (￣︶￣)>

文章图片

头部的版就排成这样呐 o(￣ヘ￣o#) 感觉也不容易啊（希望以后还看得懂）

排完头部那就排底部 (先说好自我感觉它比较麻烦 (? _ ?) )
---------------------------------------- 底部 -----------------------------------------------
项目下 /res/layout/bottom.xml 文件

文章图片

< ?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:orientation="vertical" > < RadioGroup android:id="@+id/radioButton1" android:layout_width="match_parent" android:layout_height="55dp" android:background="@drawable/group_buton_nomal" android:gravity="center" android:orientation="horizontal" > < RadioButton android:id="@+id/radioButton2" style="@style/radioStyle" android:checked="true" android:drawableTop="@drawable/tab_weixin" android:text="@string/name" /> < RadioButton android:id="@+id/radioButton3" style="@style/radioStyle" android:drawableTop="@drawable/tab_set" android:text="@string/tongxl" /> < RadioButton android:id="@+id/radioButton4" style="@style/radioStyle" android:drawableTop="@drawable/tab_find" android:text="@string/tabbar" /> < RadioButton android:id="@+id/radioButton5" style="@style/radioStyle" android:drawableTop="@drawable/tab_sddre" android:text="@string/ewo" /> < /RadioGroup> < /LinearLayout>

bottom.xml 项目下/res/drawable-hdpi/tab_weixin.xml文件

文章图片

< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android"> < itemandroid:drawable="@drawable/tabbar_mainframe" android:state_checked="false"> < /item> < itemandroid:drawable="@drawable/tabbar_mainframehl" android:state_checked="true"> < /item> < !----> < /selector>

tab_weixin.xml 项目下/res/drawable-hdpi/tab_set.xml

文章图片

< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android"> < item android:drawable="@drawable/tabbar_contacts" android:state_checked="false"> < /item> < item android:drawable="@drawable/tabbar_contacts_hl" android:state_checked="true"> < /item> < !----> < /selector>

tab_set.xml项目下/res/drawable-hdpi/tab_sddre.xml

文章图片

< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android" > < item android:drawable="@drawable/tabbar_me" android:state_checked="false"> < /item> < item android:drawable="@drawable/tabbar_mehl" android:state_checked="true"> < /item> < /selector>

tab_sddre.xml项目下/res/drawable-hdpi/tab_find.xml

文章图片

< ?xml version="1.0" encoding="utf-8"?> < selector xmlns:android="http://schemas.android.com/apk/res/android" > < item android:drawable="@drawable/tabbar_discover" android:state_checked="false"> < /item> < item android:drawable="@drawable/tabbar_discoverhl" android:state_checked="true"> < /item> < !----> < /selector>

tab_find.xml底部就好了 < (￣︶￣)>

文章图片

---------------------------------------- 组拼 -----------------------------------------------
下面就是把它们两个拼凑起来 ? ???
项目下/res/layout/weixin.xml

文章图片

< ?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:orientation="vertical" > < LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" > < include android:layout_width="match_parent" android:layout_height="wrap_content" layout="@layout/head" /> < /LinearLayout> < !-- 中间 --> < LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:orientation="vertical" > < /LinearLayout> < !-- 中间 --> < LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" > < include layout="@layout/bottom" /> < /LinearLayout> < /LinearLayout>

weixin.xml这就就好了? ???

文章图片

到这算是好了吧
项目下/什么什么Manifest.xml 清单文件里面
android:theme="@style/AppTheme" 这一行代码改下面的
android:theme="@android:style/Theme.DeviceDefault.Light.NoActionBar"
这是去最上面那个黑色部分的（运行是时候去除)

可以自己在加加工让它好看的点