Android 智能短信 第一天 （上午)

在activity中我们一般使用这三个方法 initUI() initListener() initData().

//initView()
Button bt=(Button) findViewById(R.id.bt);

//initListener 这个监听器 一般用于监听其他的事件，不用于监听按钮
bt.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {

}
});

//initData();
bt.setText("xxxxx");

//processClick();
//这个类主要用于接收 控件的监听器 比如按钮之内的，用你的activity去实现监听器
//后就用这个方法去实现方法。

项目的一些规范用法：

一般我们在写项目的时候，会去定义一个BaseActivity。用这个Activity作为抽象基类，

然后暴露一些抽象方法，这样你在要写的Activity去继承这个基类的Activity，这样你只需要去重写他的抽象方法就可以了。

我们一般会写一个基类专门的包 com.xxx.xxx.base

package com.chen.textttt.base;

import android.app.Activity;
import android.os.Bundle;

public abstract class BaseActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initView();
initListener();
initData();
}
public abstract void initView();
public abstract void initListener();
public abstract  void initData();

//这个步骤可以避免强转。直接调用这个方法即可
public <T> T findView(int id) {
@SuppressWarnings("unchecked")
T view = (T) findViewById(id);
return view;
}

}

然后我们会使用activity去继承这个类 然后实现方法，这样的好处在于你就不需要在你的Activity里面写很长的方法。在onCreate里面。

这里注意一点：就是我们的setContenView();方法要写在initView()里面，不写在BaseActivity里面的原因就是因为，每一个Acitivity都应该又自己决定自己的布局。

public class MainActivity extends BaseActivity {

private Button bt;

public void initView() {
setContentView(R.layout.activity_main);
bt = (Button) findViewById(R.id.bt);

}

public void initListener() {

bt.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {

}
});

}

public void initData() {
bt.setText("xxxxx");

}

}

这里我们一般不用initListener 去实现监听方法。一般用是这样去实现的。

我们先在BaseActivity里面去实现点击事件的监听。

然后去实现onclick方法。因为我们的点击事件的方法是给其他继承它的类实现的。

所以我们需要提供一个抽象方法，然后在点击的时候实现这个方法。这样继承baseactivcity的Activity只需要实现这个方法就可以实现点击事件了。

public class MainActivity extends BaseActivity {

private Button bt;

public void initView() {
setContentView(R.layout.activity_main);
bt = (Button) findViewById(R.id.bt);

}

public void initListener() {
//这里就是因为你继承了BaseActivity所以相当于已经实现了 这个监听器。所以直接传递当前类的对象即可
bt.setOnClickListener(this);

}

public void initData() {
bt.setText("xxxxx");

}

@Override
public void progressClick(View v) {
//这里就是处理当前监听的事件的内容
switch (v.getId()) {
case value:

break;

default:
break;
}
}

}

public abstract class BaseActivity extends Activity implements OnClickListener {
public abstract void processClick(View v);

@Override
public void onClick(View v) {
progressClick(v);

}

}

————————————————————————————————————

ViewPager 的介绍：

中间是一个ViewPager:由于是扩展包中的类所以我们在xml中定义的时候需要全包名

 ViewPager是android扩展包v4包中的类，这个类可以让用户左右切换当前的view。

 1）ViewPager类直接继承了ViewGroup类（相当于Layout），所有它是一个容器类，可以在其中添加其他的view类。

  2）ViewPager类需要一个PagerAdapter适配器类给它提供数据。

  3）ViewPager经常和Fragment一起使用，并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用。

<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>

小知识：如何查看扩展包中的类的源码

首先找到你的sdk位置，然后找到extras，然后找到android,然后找到support\v4\src

复制地址C:\Users\xx\AppData\Local\Android\sdk\extras\android\support\v4\src

然后在libs里面创建一个文件，名字为： android-support-v4.jar.properties 

然后在这个文件里面写入

src=C:\\Users\\CC\\AppData\\Local\\Android\\sdk\\extras\\android\\support\\v4\\src

这里注意需要把斜杠写成转义字符。然后重启即可。

你就可以去扩展包里面找你想要查看的类 双击即可。

————————————————————————

选项卡栏的布局设计：





这里绿色和蓝色是线性布局 最外面是相对布局。

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="60dp"
android:background="#292B28" >

<View
android:layout_width="60dp"
android:layout_height="4dp"
android:layout_alignParentBottom="true"
android:background="#CE0000" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >

<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical" >

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/img_conversation" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="会话"
android:textColor="#FFFFFF"
android:textSize="14sp" />
</LinearLayout>

这里只是一个例子，我们需要注意这个红线我们只能在 代码中动态的去设置他的宽。

————————————————————————————————

定义Fragment基类&FragmentPagerAdapter:

我们先在initView()中找到ViewPage控件。

由于我们的ViewPage控件控制的是三个Fragment所以，我们和activity一样，先定义一个基类的Fragment.

public abstract class BaseFragment extends Fragment implements OnClickListener{
//返回一个view对象  这个对象会作为fragment显示的内容
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
//注意这里我们不能直接去实现fragment显示的内容，因为这是一个基类
//所以我们需要暴露一个抽象方法出去
return initView(inflater, container, savedInstanceState);
}
//跟Fragment关联的Activity被创建的时候调用
@Override
public void onActivityCreated(Bundle savedInstanceState) {

super.onActivityCreated(savedInstanceState);
//因为我们需要在activity创建的时候才去调用这两个方法
initListener();
initData();
}
public abstract View initView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState);
public abstract void initListener();
public abstract void initData();
public abstract void processClick(View v);

@Override
public void onClick(View v) {
processClick(v);

}
}

ViewPage要显示内容，我们就需要给他设置子节点。那么我们需要三个子节点。

由于ViewPage需要显示数据 他和ListView一样 需要一个Adapter.

pageAdapter：给viewpage设置一个View对象不适合Fragment。

所以我们一般使用FragmentPageAdapter: 这个就是给viewpage设置一个Fragment.

public class MainAdapter extends FragmentPagerAdapter {
List<Fragment> fragments;

public MainAdapter(FragmentManager fm, List<Fragment> fragments) {
super(fm);
this.fragments = fragments;
}

@Override
public Fragment getItem(int position) {

return fragments.get(position);
}

@Override
public int getCount() {

return fragments.size();
}

}

————————————————————————————————————

ViewPager显示三个Fragment：

首先我们需要创建三个Fragment继承我们前面写的BaseFragment;

public class ConversionFragment extends BaseFragment {

@Override
public View initView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_conversation, null);
return view;
}

@Override
public void initListener() {

}

@Override
public void initData() {

}

@Override
public void processClick(View v) {

}

}

创建好三个Fragment 之后我们要去定义三个布局文件来给Fragment作为显示。

设置好之后我们就可以在activity里面给ViewPage设置他的adapter

public class MainActivity extends BaseActivity {

private ViewPager viewPager;
private List<Fragment> fragments;

public void initView() {
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.viewPager);

}

public void initListener() {

}

public void initData() {
fragments = new ArrayList<Fragment>();
ConversionFragment fragment1 = new ConversionFragment();
GroupFragment fragment2 = new  GroupFragment();
SearchFragment fragment3 = new SearchFragment();
fragments.add(fragment1);
fragments.add(fragment2);
fragments.add(fragment3);
//这里由于我们使用的Fragment是V4包下面的所以，我们要获取FragmentManager
//就需要我们的BaseActivity继承FragmentActivity才可以。
//然后通过getSupportFragmentManager()去获得FragmentManager
MainAdapter adapter = new MainAdapter(getSupportFragmentManager(), fragments);
viewPager.setAdapter(adapter);
}

@Override
public void progressClick(View v) {

}

}

这里由于我们使用的Fragment是V4包下面的所以，我们要获取FragmentManager

就需要我们的BaseActivity继承FragmentActivity才可以。

然后通过getSupportFragmentManager()去获得FragmentManager

__________________________________________________________

改变选项卡的文字大小和颜色:

我们需要修改这些属性，需要在viewPage改变的时候去修改，所以我们先给他一个监听器。

addOnPageChangeListener();

将这个方法写在 initListener()里面，这是因为只有这一个activity才使用它，所以不需要再BaseActivity里面定义方法。

public void initListener() {

viewPager.addOnPageChangeListener(new OnPageChangeListener() {
//当界面切换完成的时候调用。返回当前界面的索引。索引是从0开始
@Override
public void onPageSelected(int position) {
textColorAndScale();

}
//当你移动的时候就可以调用这个方法
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {

}
//当用户开始拖动的时候调用
@Override
public void onPageScrollStateChanged(int state) {

}
});

}

protected void textColorAndScale() {
int item = viewPager.getCurrentItem();
tv_conversation.setTextColor(item == 0 ? Color.WHITE : Color.BLACK);
tv_group.setTextColor(item == 1 ? Color.WHITE : Color.BLACK);
tv_search.setTextColor(item == 2 ? Color.WHITE : Color.BLACK);

switch (item) {
case 0:

ObjectAnimator.ofFloat(tv_conversation, "scaleY", 1, 1.2f).start();
ObjectAnimator.ofFloat(tv_conversation, "scaleX", 1, 1.2f).start();

break;
case 1:

ObjectAnimator.ofFloat(tv_group, "scaleY", 1, 1.2f).start();
ObjectAnimator.ofFloat(tv_group, "scaleX", 1, 1.2f).start();

break;
case 2:

ObjectAnimator.ofFloat(tv_search, "scaleY", 1, 1.2f).start();
ObjectAnimator.ofFloat(tv_search, "scaleX", 1, 1.2f).start();

break;

}

}

点击选项卡切换：

viewPage.的监听器里面 的：

onPageSelected(int position)方法不仅在界面切换时会调用，在你的索引改变的时候也会调用。

所以我们只需要在点击三个绿色布局的时候调用监听器，然后点击事件的时候去设置

viewPage的当前界面的索引即可

@Override
public void progressClick(View v) {
switch (v.getId()) {
case R.id.ll_tab_conversation:
viewPager.setCurrentItem(0);
break;
case R.id.ll_tab_group:
viewPager.setCurrentItem(1);
break;
case R.id.ll_tab_search:
viewPager.setCurrentItem(2);
break;

}

——————————————————————————————————————

选项卡的红线移动；

我们先在initView()里面找到控件。

然后在 initData();里面去写一个方法setIndicationline();

private void setIndicationline() {
int width = getWindowManager().getDefaultDisplay().getWidth();//通过这API获取屏幕宽度

tab_indication_red.getLayoutParams().width=width/3;//通过这个API设置控件的宽度

}

然后我们要去动态的改变红线和我们的移动屏幕一起变换。

//viewpager界面切换时会触发
viewPager.setOnPageChangeListener(new OnPageChangeListener() {

//切换完成后调用，传入的参数是切换后的界面的索引
@Override
public void onPageSelected(int position) {
textLightAndScale();
}

//滑动过程不断调用
//如果滑动过程中出现两个界面，position是前一个的索引
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
System.out.println(positionOffsetPixels);
//计算红线位移的距离
int distance = positionOffsetPixels / 3;

//持续时间为0，立刻生效，因为红线的移动需要与用户滑动同步
ViewPropertyAnimator.animate(v_indicate_line).translationX(distance + position * v_indicate_line.getWidth()).setDuration(0);
}

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

}
});

onPageSelected和onPageScrolled，第一个方法中的position和第二个position方法

不一样。

第一个方法中position是当你的界面移动完成的时候才会变。

第二个方法中的position是当你的界面只要你一移动就会变，根据你的移动方向变，

比如你向右移动那么你一移动，就会变成你移动方向界面的索引。

这个方法ViewPropertyAnimator.animate(v_indicate_line).translationX(distance + position * v_indicate_line.getWidth()).setDuration(0);

是在nineoldandroids-2.4.0.jar 库文件中的方法。

这个方法是可以兼容9以下的API，所以我们可以使用这个方法，

onPageScrolled()这个方法中的positionOffsetPixels这个参数的意思就是动态获取你的

移动的像素，当移动结束后就会变成0，你向右移动会增大，向左移会变小。

只要你移动就会获取你的像素。

我们为了给红线动态的和屏幕移动一起变化，所以我们需要用到这个参数。

distance=positionOffsetPixels/3;

因为positionOffsetPixels就是获取你一个界面移动到另外一个界面的像素。

相当于你手机屏幕的宽度。

当时positionOffsetPixels这个参数 停止移动后会变成0，也就是说你移动过后红线还是会变成他的初始值。

所以我们应该动态的给红线添加初始值。

distance+ position * 控件id.getwidth();

因为你每次移动相当于下一个界面的索引*控件的宽度作为初始值。

但是有一个小问题，当你移动到最右边的时候。你向左移，但是distance 还是正数。

按道理下一个初始值应该还是会变大，但是没有变大。

原因就是
a2f8
因为position只要你一移动 ，它就会变，也就是说你向左一移动，马上就会变小。

所以才会导致我们的红线还能变回去。