国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > Android > 正文

Android仿微信主界面的實現(xiàn)方法

2019-10-22 18:12:56
字體:
供稿:網(wǎng)友

本文實例為大家分享了Android模仿微信主界面展示的具體代碼,供大家參考,具體內(nèi)容如下

先看一下效果圖

Android,仿微信主界面,仿微信界面

實現(xiàn)的原理:

ViewPager+FragmentPagerAdapter

主界面可分為三部分:

  • top標題欄就是一個TextView
  • 中間的ViewPager作為顯示的容器,填充Fragment
  • bottom是一個RadioGroup

這里為了布局的優(yōu)化,將top和bottom抽取出來 ,然后用include將其導(dǎo)入主布局,如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical"  tools:context=".MainActivity" >  <include layout="@layout/top" />  <android.support.v4.view.ViewPager    android:id="@+id/vp_content"    android:layout_width="match_parent"    android:layout_height="0dp"    android:layout_weight="1" >  </android.support.v4.view.ViewPager>  <include layout="@layout/bottom" /></LinearLayout>

bottom_tab的布局,為了方便管理將它們的共性抽取出來一個style
tab有兩種狀態(tài),選中和非選中,因此將其背景做成一個選擇器selector

<?xml version="1.0" encoding="utf-8"?><RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"  android:id="@+id/rg_tab_container"  android:layout_width="match_parent"  android:layout_height="@dimen/bar_height"  android:background="@drawable/bottom_bar"  android:gravity="center"  android:orientation="horizontal" >  <RadioButton    android:id="@+id/rb_tab_weixin"    style="@style/TabStyle"    android:checked="true"    android:drawableTop="@drawable/tab_weixin_selector"    android:text="@string/tab_weixin" />  <RadioButton    android:id="@+id/rb_tab_friend"    style="@style/TabStyle"    android:drawableTop="@drawable/tab_friend_selector"    android:text="@string/tab_friend" />  <RadioButton    android:id="@+id/rb_tab_contact"    style="@style/TabStyle"    android:drawableTop="@drawable/tab_contact_selector"    android:text="@string/tab_contact" />  <RadioButton    android:id="@+id/rb_tab_setting"    style="@style/TabStyle"    android:drawableTop="@drawable/tab_setting_selector"    android:text="@string/tab_setting" /></RadioGroup>

最后看一下作為Controller的Activity

  1. 先將需要的控件引入
  2. ViewPager內(nèi)容的填充,主要是FragmentPagerAdapter適配器
  3. 將Fragment的初始化,將主界面顯示的內(nèi)容分別用Fragment管理,方便代碼的管理。
  4. bottom_tab和ViewPager的關(guān)聯(lián),通過監(jiān)聽ViewPager頁面的改變來改變tab的選中狀態(tài),然后再通過RadioGroup的事件來改變ViewPager的頁面。

 

/** * 主界面 模仿微信界面 *  * @author admin *  */public class MainActivity extends FragmentActivity {  /** tab */  private RadioGroup mRadioGroup;  private RadioButton weixinRadioButton;  private RadioButton friendRadioButton;  private RadioButton contactRadioButton;  private RadioButton settingRadioButton;  /** 顯示內(nèi)容容器 */  private ViewPager mViewPager;  private List<Fragment> fragments;  private Fragment mWeiXinFragment;  private Fragment mFriendFragment;  private Fragment mContactFragment;  private Fragment mSettingFragment;  private FragmentPagerAdapter mFragmentPagerAdapter;  private final static int TAB_WEIXIN = 0;  private final static int TAB_FRIEND = 1;  private final static int TAB_CONTACT = 2;  private final static int TAB_SETTING = 3;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    requestWindowFeature(Window.FEATURE_NO_TITLE);    setContentView(R.layout.activity_main);    initView();    initEvent();  }  private void initEvent() {    mRadioGroup.setOnCheckedChangeListener(myCheckedChangeListener);    mViewPager.setOnPageChangeListener(myOnPageChangeListener);  }  private void initView() {    mRadioGroup = (RadioGroup) findViewById(R.id.rg_tab_container);    weixinRadioButton = (RadioButton) findViewById(R.id.rb_tab_weixin);    friendRadioButton = (RadioButton) findViewById(R.id.rb_tab_friend);    contactRadioButton = (RadioButton) findViewById(R.id.rb_tab_contact);    settingRadioButton = (RadioButton) findViewById(R.id.rb_tab_setting);    mViewPager = (ViewPager) findViewById(R.id.vp_content);    fragments = new ArrayList<Fragment>();    mWeiXinFragment = new WeiXinFragment();    mFriendFragment = new FriendFragment();    mContactFragment = new ContactFragment();    mSettingFragment = new SettingFragment();    fragments.add(mWeiXinFragment);    fragments.add(mFriendFragment);    fragments.add(mContactFragment);    fragments.add(mSettingFragment);//這里需要繼承FragmentActivity    mFragmentPagerAdapter = new FragmentAdapter(getSupportFragmentManager());    mViewPager.setAdapter(mFragmentPagerAdapter);  }  /**   * 當(dāng)頁面切換時,tab也跟著切換   */  private OnPageChangeListener myOnPageChangeListener = new OnPageChangeListener() {    @Override    public void onPageSelected(int arg0) {      switch (arg0) {      case TAB_WEIXIN:        if (!weixinRadioButton.isChecked()) {          weixinRadioButton.setChecked(true);        }        break;      case TAB_FRIEND:        friendRadioButton.setChecked(true);        break;      case TAB_CONTACT:        contactRadioButton.setChecked(true);        break;      case TAB_SETTING:        settingRadioButton.setChecked(true);        break;      }    }    @Override    public void onPageScrolled(int arg0, float arg1, int arg2) {    }    @Override    public void onPageScrollStateChanged(int arg0) {    }  };  /**   * 點擊tab,切換到相應(yīng)的頁面   */  private OnCheckedChangeListener myCheckedChangeListener = new OnCheckedChangeListener() {    @Override    public void onCheckedChanged(RadioGroup group, int checkedId) {      switch (checkedId) {      case R.id.rb_tab_weixin:        mViewPager.setCurrentItem(TAB_WEIXIN);        break;      case R.id.rb_tab_friend:        mViewPager.setCurrentItem(TAB_FRIEND);        break;      case R.id.rb_tab_contact:        mViewPager.setCurrentItem(TAB_CONTACT);        break;      case R.id.rb_tab_setting:        mViewPager.setCurrentItem(TAB_SETTING);        break;      }    }  };  private class FragmentAdapter extends FragmentPagerAdapter {    public FragmentAdapter(FragmentManager fm) {      super(fm);    }    @Override    public Fragment getItem(int arg0) {      return fragments.get(arg0);    }    @Override    public int getCount() {      return fragments.size();    }  }}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


注:相關(guān)教程知識閱讀請移步到Android開發(fā)頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 呼和浩特市| 江孜县| 城步| 金华市| 淅川县| 孟连| 墨玉县| 平山县| 彭州市| 北京市| 丰城市| 正阳县| 兰州市| 秦皇岛市| 西昌市| 古丈县| 八宿县| 海口市| 海盐县| 游戏| 色达县| 峨眉山市| 睢宁县| 武胜县| 张家口市| 拜泉县| 茌平县| 永昌县| 无为县| 安陆市| 来宾市| 长治县| 新竹市| 康马县| 汶上县| 密云县| 临朐县| 扶沟县| 富顺县| 理塘县| 张家界市|