Android高仿360安全卫士--布局篇

举报
ShaderJoy 发表于 2021/12/29 23:24:30 2021/12/29
【摘要】 转自：http://blog.csdn.net/wangjinyu501/article/details/8083373  最近模仿360手机卫士，做了一个Demo。看了一下360的布局文件，发现它是自定义的View，而不是官方提供的基本组件的组合。效果如下图所示： 这个Demo是可以左右滑...

转自：http://blog.csdn.net/wangjinyu501/article/details/8083373

 最近模仿360手机卫士，做了一个Demo。看了一下360的布局文件，发现它是自定义的View，而不是官方提供的基本组件的组合。效果如下图所示：




这个Demo是可以左右滑动的，并且可以在布局文件中添加组件点击事件。主要是利用ViewPager类来实现的。


      public class Main360Activity extends Activity
      {
     	private ViewPager awesomePager;
     	private LinearLayout lin1, lin2;
     	private Context cxt;
     	private AwesomePagerAdapter awesomeAdapter;
     	private LayoutInflater mInflater;
     	private List<View> mListViews;
     	boolean result = true;
     	public void onCreate(Bundle savedInstanceState)
      	{
     		super.onCreate(savedInstanceState);
      		setContentView(R.layout.main360);
      		cxt = this;
      		lin1 = (LinearLayout) findViewById(R.id.lin1);
      		lin2 = (LinearLayout) findViewById(R.id.lin2);
      		awesomeAdapter = new AwesomePagerAdapter();
      		awesomePager = (ViewPager) findViewById(R.id.awesomepager);
      		awesomePager.setAdapter(awesomeAdapter);
      		mListViews = new ArrayList<View>();
      		mInflater = getLayoutInflater();
      		mListViews.add(mInflater.inflate(R.layout.tab360, null));
      		mListViews.add(mInflater.inflate(R.layout.tab360, null));
      	}
     	private class AwesomePagerAdapter extends PagerAdapter
      	{
     		public int getCount()
      		{
     			return mListViews.size();
      		}
     		public Object instantiateItem(View collection, int position)
      		{
      			((ViewPager) collection).addView(mListViews.get(position), 0);
     			if (position == 0)
      			{
     				ImageView download_btn = (ImageView) collection
      						.findViewById(R.id.download_btn);
      				download_btn.setOnClickListener(new View.OnClickListener()
      				{
     					public void onClick(View v)
      					{
      // if (result == true)
      // {
      //
      // lin1.scrollBy(0, 0);
      //
      // lin1.scrollTo(80, 0);
      //
      // lin1.setPadding(0, 30, 0, 30);
      //
      // lin2.setVisibility(View.VISIBLE);
      //
      // result = false;
      //
      // } else
      // {
      //
      // lin1.setPadding(10, 30, 0, 30);
      //
      // lin1.scrollBy(80, 0);
      //
      // lin1.scrollTo(0, 0);
      //
      // lin2.setVisibility(View.GONE);
      //
      // result = true;
      // }
      					}
      				});
     				// }
     				// });
      			} else
      			{
     				ImageView download_btn = (ImageView) collection
      						.findViewById(R.id.download_btn);
      				download_btn.setOnClickListener(new View.OnClickListener()
      				{
     					public void onClick(View v)
      					{
     						new AlertDialog.Builder(Main360Activity.this)
      						.setTitle("说明")
      						.setMessage("单个页卡内按钮事件测试")
      						.setNegativeButton("确定",
     						new DialogInterface.OnClickListener()
      						{
     							public void onClick(
       DialogInterface dialog,
       int which)
      							{
      							}
      						}).show();
      					}
      				});
      			}
     			return mListViews.get(position);
      		}
     		public void destroyItem(View collection, int position, Object view)
      		{
      			((ViewPager) collection).removeView(mListViews.get(position));
      		}
     		public boolean isViewFromObject(View view, Object object)
      		{
     			return view == (object);
      		}
     		public void finishUpdate(View arg0)
      		{
      		}
     		public void restoreState(Parcelable arg0, ClassLoader arg1)
      		{
      		}
     		public Parcelable saveState()
      		{
     			return null;
      		}
     		public void startUpdate(View arg0)
      		{
      		}
      	}
     	// @Override
     	// public boolean onCreateOptionsMenu(Menu menu)
     	// {
     	// getMenuInflater().inflate(R.menu.activity_main, menu);
     	// return true;
     	// }
      }
  main360.xml的内容如下： 


      <?xml version="1.0" encoding="utf-8"?>
      <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.support.v4.view.ViewPager
             android:id="@+id/awesomepager"
             android:layout_width="match_parent"
             android:layout_height="match_parent" >
         </android.support.v4.view.ViewPager>
      </RelativeLayout>
  
 


      <?xml version="1.0" encoding="utf-8"?>
      <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent" >
         <LinearLayout
             android:id="@+id/lin1"
             android:layout_width="fill_parent"
             android:layout_height="fill_parent"
             android:background="@drawable/background"
             android:baselineAligned="false"
             android:orientation="horizontal"
             android:paddingBottom="30dp"
             android:paddingLeft="10dp"
             android:paddingTop="30dp" >
             <LinearLayout
                 android:layout_width="wrap_content"
                 android:layout_height="fill_parent"
                 android:layout_weight="1"
                 android:orientation="vertical" >
                 <LinearLayout
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:orientation="horizontal" >
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:background="#FF7F24" >
                     </LinearLayout>
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:layout_marginLeft="5dp"
                         android:background="#FF7F24" >
                     </LinearLayout>
                 </LinearLayout>
                 <LinearLayout
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:layout_marginTop="5dp"
                     android:orientation="horizontal" >
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:background="#3399ff" >
                     </LinearLayout>
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:layout_marginLeft="5dp"
                         android:background="#3399ff" >
                     </LinearLayout>
                 </LinearLayout>
                 <LinearLayout
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:layout_marginTop="5dp"
                     android:orientation="horizontal" >
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:background="#3399ff" >
                     </LinearLayout>
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:layout_marginLeft="5dp"
                         android:background="#3399ff" >
                     </LinearLayout>
                 </LinearLayout>
                 <LinearLayout
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:layout_marginTop="5dp"
                     android:orientation="horizontal" >
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:background="#953399ff" >
                     </LinearLayout>
                     <LinearLayout
                         android:layout_width="108dp"
                         android:layout_height="108dp"
                         android:layout_marginLeft="5dp"
                         android:background="#953399ff" >
                     </LinearLayout>
                 </LinearLayout>
             </LinearLayout>
             <LinearLayout
                 android:layout_width="wrap_content"
                 android:layout_height="fill_parent"
                 android:layout_weight="1"
                 android:orientation="vertical" >
                 <RelativeLayout
                     android:layout_width="match_parent"
                     android:layout_height="fill_parent" >
                     <LinearLayout
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:layout_alignParentBottom="true"
                         android:orientation="vertical" >
                         <ImageView
                             android:id="@+id/download_btn"
                             android:layout_width="36dp"
                             android:layout_height="36dp"
                             android:src="@drawable/a" />
                         <ImageView
                             android:id="@+id/delete_btn"
                             android:layout_width="36dp"
                             android:layout_height="36dp"
                             android:layout_marginTop="20dp"
                             android:src="@drawable/b" />
                         <ImageView
                             android:id="@+id/set_btn"
                             android:layout_width="36dp"
                             android:layout_height="36dp"
                             android:layout_marginTop="20dp"
                             android:src="@drawable/c" />
                         <ImageView
                             android:id="@+id/etra_btn"
                             android:layout_width="36dp"
                             android:layout_height="36dp"
                             android:layout_marginTop="20dp"
                             android:src="@drawable/ic_launcher" />
                     </LinearLayout>
                 </RelativeLayout>
             </LinearLayout>
         </LinearLayout>
         <LinearLayout
             android:id="@+id/lin2"
             android:layout_width="wrap_content"
             android:layout_height="fill_parent"
             android:layout_gravity="right"
             android:background="#000000"
             android:orientation="vertical"
             android:visibility="gone" >
             <TextView
                 android:layout_width="80dp"
                 android:layout_height="fill_parent"
                 android:text="dddddddddddd" />
         </LinearLayout>
      </FrameLayout>

 关于Viewpager的用法大家可以去看一下资料，在此不再详述。这个tab.xml就是用来切换的布局，也就是左右滑动的布局文件。我们在这里用来两个切换布局，可以根据自己的需求动态增删。但是，仔细看官方的程序我们发现，它的背景是不变的。就这需要使用其他的方法来实现，也就是自定义View，下一节将讲述如何自定义View来实现。

需要源码的朋友可以留一下你的邮箱。

其他UI设计日志链接如下：

仿微信导航

仿微信主界面

仿QQ登陆

仿QQ空间





文章来源: panda1234lee.blog.csdn.net，作者：panda1234lee，版权归原作者所有，如需转载，请联系作者。

原文链接：panda1234lee.blog.csdn.net/article/details/8800135

【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@huaweicloud.com
Android
  • 点赞
  • 收藏
  • 关注作者

评论（0）

0/1000
抱歉，系统识别当前为高风险访问，暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称，即可参与社区互动！

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

确认 取消

加入云驻计划，成为创作者

  • 华为云周边好礼
  • 免费体验产品
  • 特殊身份标识
  • 线下官方门票
  • 内部专家零距离
  • 与10000+优质创作者共同成长
立即加入