Android仿微信主界面设计

2019-12-10 19:13:10刘景俊
这篇文章主要为大家介绍了Android仿微信主界面设计的相关资料,需要的朋友可以参考下  

先来一张效果图 

Android仿微信主界面设计

一.ActionBar的设计

首先是main.xml,先定义这些菜单,界面稍后在调整

<menu xmlns:android="http://www.easck.com/apk/res/android"
  tools:context=".MainActivity">

  <item
    android:id="@+id/action_search"
    android:actionViewClass="android.widget.SearchView"
    android:icon="@drawable/actionbar_search_icon"
    android:showAsAction="always|collapseActionView"
    android:title="@string/action_search"
    />
  <item
    android:id="@+id/action_add"
    android:actionProviderClass="develop.niuli.com.weixin.PlusActionProvider"
    android:icon="@drawable/actionbar_add_icon"
    android:showAsAction="always"
    android:title="@string/action_add"
    />
  <!--在这里设置菜单.然后自定义一个menu -->
  <item
    android:id="@+id/action_btn01"
    android:icon="@drawable/abc_ic_menu_moreoverflow_mtrl_alpha"
    android:orderInCategory="2"
    android:title="更多"
    android:showAsAction="always">
  <menu>
  <item
     android:id="@+id/action_photo"
    android:icon="@drawable/ofm_photo_icon"
    android:title="@string/action_photo"
    android:showAsAction="never"
    />
  <item
    android:id="@+id/action_connection"
    android:icon="@drawable/ofm_collect_icon"
    android:title="@string/action_connection"
    android:showAsAction="never"
    />
  <item
    android:id="@+id/action_card"
    android:icon="@drawable/ofm_card_icon"
    android:title="@string/action_card"
    android:showAsAction="never"
    />
  <item
    android:id="@+id/action_settings"
    android:icon="@drawable/ofm_setting_icon"
    android:title="@string/action_settings"
    android:showAsAction="never"
     />
  <item
    android:id="@+id/action_feed"
    android:icon="@drawable/ofm_feedback_icon"
    android:title="@string/action_feed"
    android:showAsAction="never"
    />
  </menu>
</item>
</menu>