仿的微信总结

看了鸿洋大神做的微信5.1版本的东西，自己模仿着做了一下，现在总结一下。

有相应的代码，可以下载

微信的第一个RelativeLayout

在里面摄者一个LinearLayout宽度设置为fill_parent，高度设置为40dp，里面嵌套一个LinearLayout，这个LinearLayout由一个ImageView,Textview组成

第二个LinearLayout由三个ImageButton组成

微信的第二个LinearLayout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#eee">
<LinearLayout
android:id="@+id/id_ll_chat"
android:layout_height="47dp"
android:layout_width="fill_parent"
android:orientation="horizontal">
<LinearLayout android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:layout_weight="1"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="聊天"
android:textColor="#000000"
android:id="@+id/tl"/>
</LinearLayout>

<LinearLayout android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:layout_weight="1"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="发现"
android:textColor="#000000"
android:id="@+id/tf"/>
</LinearLayout>
<LinearLayout android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:layout_weight="1"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="通讯录"
android:textColor="#000000"
android:id="@+id/tt"/>
</LinearLayout>
</LinearLayout>
<ImageView
android:id="@+id/id_iv_tabline"
android:layout_width="127dp"
android:layout_height="3dp"

ee71
android:background="@drawable/tabline" />

</LinearLayout>

这个LinearLayout里嵌套了三个LinearLayout，这三个LinearLayout里，每个都有一个TextView，在最后的结尾加一个蓝色的条

下面是主avtivity_main

<?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"
>
<include layout="@layout/shangyi"/>
<include layout="@layout/shanger"/>
<android.support.v4.view.ViewPager
android:id="@+id/id_viewpager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
</LinearLayout>

在里面加入这两个布局，在加入一个viewpager用于加入下面的可滑动的页面

下面创建几个布局文件

里面只有textView，这几个布局文件的用处就是为fragment提供模板，再分别创建相应的.java文件，

下面我们在MainActivity里进行设置

先要屏蔽actionbar

我们可以用这几个方法

1.getActionbar().hide();

2.或在androidmanifest中设置设置android:theme=""

@style/Theme.AppCompat.Light.NoActionBar

下面是完整代码

package com.example.window7.weixin;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.Display;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends FragmentActivity {
private ViewPager mViewPager;
private FragmentPagerAdapter mAdapter;
private List<Fragment> mDatas;
private TextView mlTextView;
private TextView mfTextView;
private TextView mtTextView;
private LinearLayout mChatLinearLayout;
private ImageView mTabline;
private int mScreen1_3;
private int mCurrentPageIndex;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initTabLine();
initView();
}
public void initTabLine()
{
mTabline=(ImageView)findViewById(R.id.id_iv_tabline);
//shezhi gensuitiao
Display display=getWindow().getWindowManager().getDefaultDisplay();
//shezhi display,dedao windoe.manager.defaultdisplay
DisplayMetrics outMetrics=new DisplayMetrics();
//shezhi displayMetrics new displayMetrics
display.getMetrics(outMetrics);
//dedao getMetrics(outMetrics)
//huozhe Display display=getWidow().getWindowManager().getDefaultDisplay;
mScreen1_3 = outMetrics.widthPixels / 3;
//tede kuanduwei zongpingde 1/3;
ViewGroup.LayoutParams lp = mTabline.getLayoutParams();
//dedao layoutParams dexinxi
lp.width = mScreen1_3;
//duitajinxing shezhi zhi
mTabline.setLayoutParams(lp);
}
private void initView()
{
mViewPager = (ViewPager) findViewById(R.id.id_viewpager);
// shezhi viewpager
mlTextView = (TextView) findViewById(R.id.tl);
//xianglimianjiaru gege textview;
mfTextView = (TextView) findViewById(R.id.tf);
//xianglimianjiaru gege textview;
mtTextView = (TextView) findViewById(R.id.tt);
//xianglimianjiaru gege textview;
mChatLinearLayout = (LinearLayout) findViewById(R.id.id_ll_chat);
//ba linearlayout jiaru

mDatas = new ArrayList<Fragment>();
//shezhi yige xinde arrayList;

YiFragment tab01 = new YiFragment();
//jiang gege Fragment xinjian;
ErFragment tab02 = new ErFragment();
//jiang gege Fragment xinjian;
SanFragment tab03 = new SanFragment();
//jiang gege Fragment xinjian;

mDatas.add(tab01);
//jiang ge ge fragment jiadao list li
mDatas.add(tab02);
//jiang ge ge fragment jiadao list li
mDatas.add(tab03);
//jiang ge ge fragment jiadao list li

mAdapter = new FragmentPagerAdapter(getSupportFragmentManager())
{
@Override
public int getCount()
{
return mDatas.size();
}

@Override
public Fragment getItem(int arg0)
{
return mDatas.get(arg0);
}
};
mViewPager.setAdapter(mAdapter);
//viewpager diaoyaong setAdapter(mAdapter);

mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener()
{
@Override
public void onPageSelected(int position)
{
resetTextView();
switch (position)
{
case 0:
mlTextView.setTextColor(Color.parseColor("#008000"));
break;
case 1:
mfTextView.setTextColor(Color.parseColor("#008000"));
break;
case 2:
mtTextView.setTextColor(Color.parseColor("#008000"));
break;

}

mCurrentPageIndex = position;

}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPx)
{
Log.e("TAG", position + " , " + positionOffset + " , "
+ positionOffsetPx);

LinearLayout.LayoutParams lp = (android.widget.LinearLayout.LayoutParams) mTabline
.getLayoutParams();

if (mCurrentPageIndex == 0 && position == 0)// 0->1
{
lp.leftMargin = (int) (positionOffset * mScreen1_3 + mCurrentPageIndex
* mScreen1_3);
} else if (mCurrentPageIndex == 1 && position == 0)// 1->0
{
lp.leftMargin = (int) (mCurrentPageIndex * mScreen1_3 + (positionOffset - 1)
* mScreen1_3);
} else if (mCurrentPageIndex == 1 && position == 1) // 1->2
{
lp.leftMargin = (int) (mCurrentPageIndex * mScreen1_3 + positionOffset
* mScreen1_3);
} else if (mCurrentPageIndex == 2 && position == 1) // 2->1
{
lp.leftMargin = (int) (mCurrentPageIndex * mScreen1_3 + ( positionOffset-1)
* mScreen1_3);
}
mTabline.setLayoutParams(lp);

}

@Override
public void onPageScrollStateChanged(int arg0)
{
// TODO Auto-generated method stub

}
});

}

protected void resetTextView()
{
mlTextView.setTextColor(Color.BLACK);
mfTextView.setTextColor(Color.BLACK);
mtTextView.setTextColor(Color.BLACK);
}

}