手机安全卫士01
手机安全卫士day01
今天实现效果如下
目标实现：
1.开始动画，欢迎界面 done
2.初始导航 done
3.版本信息没做。。。
每个应用在第一打开时都有个欢迎动画，那我们今天就来实现它
第一步，实现欢迎动画
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.safephone.WelcomeMainActivity" >
<ImageView
android:id="@+id/welcome_iv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerInParent="true"
android:src="@drawable/ic_sheep" />
</RelativeLayout>
目标：边旋转边放大
有三个动画 旋转0-360 缩放0-1 透明度 0-1
public class WelcomeMainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
ImageView imageView = (ImageView) findViewById(R.id.welcome_iv);
/**
* animation conbine
*/
AnimationSet set = new AnimationSet(false);
// 边旋转边放大
RotateAnimation rotateAnimation = new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.setDuration(3000);// 设置时间为两秒
rotateAnimation.setFillAfter(true);// 设置最终状态为填充效果
set.addAnimation(rotateAnimation);// 将旋转动画添加到动画集合中
/**
*
*/
ScaleAnimation scaleAnimation=new ScaleAnimation(
0, 1,
0, 1, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
rotateAnimation.setDuration(3000);//
rotateAnimation.setFillAfter(true);// 设置最终状态为填充效果
set.addAnimation(scaleAnimation);// 将缩放动画添加到动画集合中
/**
* 第三个动画来自xml
*/
Animation animation=AnimationUtils.loadAnimation(this, R.anim.alpha);
set.addAnimation(animation);// 将透明度动画添加到动画集合中
set.setAnimationListener(new AnimationListener() {
//begin
@Override
public void onAnimationStart(Animation animation) {
// TODO Auto-generated method stub
}
//repeat
@Override
public void onAnimationRepeat(Animation animation) {
// TODO Auto-generated method stub
}
//end
@Override
public void onAnimationEnd(Animation animation) {
// TODO Auto-generated method stub
ToastUtils.show(getApplicationContext(), "欢迎来到德莱联盟");
//the animation end enter the guideActivity
Intent intent=new Intent();
intent.setClass(getApplicationContext(), GuideActivity.class);
startActivity(intent);
finish();
}
});
imageView.startAnimation(set);
}
}
效果如下
第二步，实现导航的轮播效果
主要代码
public class ActivityGuide extends Activity {
private List<ImageView> mPageList;
private Context context;
private Button btn;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.guidelayout);
ViewPager mGuideViewPager = (ViewPager) findViewById(R.id.viewpager);
btn = (Button) findViewById(R.id.guide_enter_btn);
// page list
context = this;
// init page
initpage();
// 2.initdata by adapter
mGuideViewPager.setAdapter(new PagerAdapter() {
// is the view from object or from fragment
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0 == arg1;
}
// view items count
@Override
public int getCount() {
// TODO Auto-generated method stub
return mPageList == null ? 0 : mPageList.size();
}
// DESTORY the view items
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// TODO Auto-generated method stub
container.removeView(mPageList.get(position));
}
/**
* init view items pass position container ViewGroup ViewPager
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
container.addView(mPageList.get(position));
return mPageList.get(position);
}
});
// 3、对viewpage进行监听
mGuideViewPager.addOnPageChangeListener(new OnPageChangeListener() {
//当页面被选择则回调该方法
@Override
public void onPageSelected(int position) {
if(position==(mPageList.size()-1)){
btn.setVisibility(View.VISIBLE);
}else{
btn.setVisibility(View.GONE);
}
}
//页面滚动回调该方法
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
//当页面滚动状态改变
@Override
public void onPageScrollStateChanged(int arg0) {
}
});
}
//
private void initpage() {
// TODO Auto-generated method stub
mPageList = new ArrayList<ImageView>();
ImageView imageView = new ImageView(context);
imageView.setBackgroundResource(R.drawable.guide_1);
mPageList.add(imageView);
ImageView imageView2 = new ImageView(context);
imageView2.setBackgroundResource(R.drawable.guide_2);
mPageList.add(imageView2);
ImageView imageView3 = new ImageView(context);
imageView3.setBackgroundResource(R.drawable.guide_3);
mPageList.add(imageView3);
}
public void entersystem(View view) {
Intent intent = new Intent(this, SplashActivity.class);
startActivity(intent);
finish();
}
}
Viewpage是viewgroup的子类
能实现水平的滑动效果
来看布局文件
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<!-- ViewPager -->
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/viewpager"
android:background="#44000000"
android:gravity="center"
android:orientation="vertical"
android:padding="5dip" >
<!-- Banner的文字描述 -->
<TextView
android:id="@+id/tv_banner_text_desc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/white" />
<!-- 小圆点的父控件 -->
<LinearLayout
android:id="@+id/ll_dot_group"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="5dip"
android:gravity="center_horizontal"
android:orientation="horizontal" >
</LinearLayout>
</LinearLayout>
<Button
android:id="@+id/guide_enter_btn"
android:layout_width="135dp"
android:layout_height="45dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:gravity="center"
android:visibility="gone"
android:onClick="entersystem"
android:background="@drawable/guide_btn_seletor"
android:textColor="@color/guide_btn_color_seletor"
android:layout_marginBottom="55dp"
android:text="开始体验" />
</RelativeLayout>毕竟是项目 细节不是太好说的清楚，主要是看大概然后跟着流程一步一步来
