Android 高仿QQ 界面滑动效果

点击或者滑动切换画面,用ViewPager实现,

首先是布局文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
	<LinearLayout
	    android:layout_width="match_parent"
	    android:layout_height="62dip"
	    android:orientation="vertical" 
	    android:background="@drawable/top_theme_blue">
	    <LinearLayout
		    android:layout_width="match_parent"
		    android:layout_height="36dip"
		    android:orientation="horizontal" 
		    android:gravity="center_vertical">
	        <ImageView
	            android:id="@+id/main_avatar"
	            android:layout_width="32dip"
	            android:layout_height="32dip"
	            android:src="@drawable/avatar" />
		    <TextView 
		        android:id="@+id/main_nick"
	            android:layout_width="wrap_content"
	            android:layout_height="wrap_content"
	            android:textColor="#FFFFFF"
	            android:text="Vestigge"/>
		    <ImageView 
		        android:layout_width="14dip"
	            android:layout_height="14dip"
	            android:src="@drawable/status_online"/>
		</LinearLayout>
	    <LinearLayout
		    android:layout_width="match_parent"
		    android:layout_height="26dip"
		    android:orientation="horizontal" 
		    android:gravity="bottom">
		    <RadioGroup   
		        android:id="@+id/main_radiogroup"
		        android:orientation="horizontal"
		        android:paddingTop="1dp" 
		        android:layout_width="fill_parent"   
		        android:layout_height="wrap_content">  
	            <RadioButton   
	                android:id="@+id/main_radio_recent"   
	                android:checked="true"   
	                android:text="动态" 
	                android:textColor="@color/tab_text"
	                android:drawableBottom="@drawable/top_tab_selector"
	                style="@style/radio_style"/>      
	            <RadioButton   
	                android:id="@+id/main_radio_buddy" 
	                android:text="群组"
	                android:textColor="@color/tab_text" 
	                android:drawableBottom="@drawable/top_tab_selector"
	                style="@style/radio_style"/>  
	            <RadioButton   
	                android:id="@+id/main_radio_group"   
	                android:text="好友" 
	                android:textColor="@color/tab_text"
	                android:drawableBottom="@drawable/top_tab_selector"
	                style="@style/radio_style"
	                android:checked="true"/>
	            <RadioButton   
	                android:id="@+id/main_radio_trends"   
	                android:text="会话" 
	                android:textColor="@color/tab_text"
	                android:drawableBottom="@drawable/top_tab_selector"
	                style="@style/radio_style"/>
	        </RadioGroup>   
		</LinearLayout>
	</LinearLayout>
	<android.support.v4.view.ViewPager
	    android:id="@+id/main_viewpager"
	    android:layout_width="match_parent"
    	android:layout_height="match_parent" >
	</android.support.v4.view.ViewPager>   
</LinearLayout>

代码:

public class MainActivity extends ActivityGroup {
	private static final String TRENDS="动态";
	private static final String GROUP="群组";
	private static final String BUDDY="好友";
	private static final String RECENT="会话";
	private ArrayList<View> pageViews;
	private RadioGroup radioGroup;
	private ViewPager viewPager;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        
        initView();
        viewPager=(ViewPager) findViewById(R.id.main_viewpager);
        viewPager.setAdapter(new PagerAdapter(){
			public int getCount() {
				return pageViews.size();
			}
			public boolean isViewFromObject(View view, Object objcet) {
				return view==objcet;
			}
			//这里会对需要进行水平切换的页面进行了加载和初始化 android:tileMode="repeat"
			public Object instantiateItem(View view, int id) {
				((ViewPager)view).addView(pageViews.get(id));
				return pageViews.get(id);
			}
			public void destroyItem(View view, int id, Object arg2) {  
                ((ViewPager) view).removeView(pageViews.get(id));  
            }
        });
        viewPager.setCurrentItem(2);//默认显示的是好友页面
        radioGroup = (RadioGroup) findViewById(R.id.main_radiogroup);
		radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
			public void onCheckedChanged(RadioGroup group, int checkedId) {
				setClick(checkedId);
			}
		});
    }
    
    void initView() {
    	pageViews=new ArrayList<View>();
    	View view1 = getLocalActivityManager().startActivity(TRENDS,
    			new Intent(this, TrendsActivity.class)).getDecorView();
    	View view2 = getLocalActivityManager().startActivity(GROUP,
    			new Intent(this, GroupActivity.class)).getDecorView();
    	View view3 = getLocalActivityManager().startActivity(BUDDY,
    			new Intent(this, BuddyActivity.class)).getDecorView();
    	View view4 = getLocalActivityManager().startActivity(RECENT,
    			new Intent(this, RecentActivity.class)).getDecorView();
    	pageViews.add(0,view1);
    	pageViews.add(1,view2);
    	pageViews.add(2,view3);
    	pageViews.add(3,view4);
    }

	public void setClick(int id) {
		switch(id){
		case R.id.main_radio_trends:
			viewPager.setCurrentItem(0);
			break;
		case R.id.main_radio_group:
			viewPager.setCurrentItem(1);
			break;
		case R.id.main_radio_buddy:
			viewPager.setCurrentItem(2);
			break;
		case R.id.main_radio_recent:
			viewPager.setCurrentItem(3);
			break;
		}
	}
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
}


  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
实现 Android Studio 仿 QQ 消息列表需要以下步骤: 1. 创建一个 RecyclerView 用于显示消息列表。 2. 创建一个 RecyclerView.Adapter,通过这个 Adapter 来绑定数据和消息列表的视图。 3. 在 Adapter 中实现 onCreateViewHolder、onBindViewHolder 和 getItemCount 方法。 4. 在 onCreateViewHolder 方法中,创建 ViewHolder,并加载消息列表项的布局文件。 5. 在 onBindViewHolder 方法中,绑定每个 ViewHolder 的数据和视图。 6. 在 getItemCount 方法中,返回消息列表项的数量。 7. 创建一个消息类,用于存储每个消息的相关信息,比如发送者、接收者、时间、内容等等。 8. 在 Activity 中创建一个 ArrayList 对象来存储消息。 9. 将 ArrayList 对象传递给 Adapter,并设置 Adapter 到 RecyclerView 上。 10. 运行程序,查看效果。 下面是一个简单的代码示例: 1. 创建一个 RecyclerView ```xml <android.support.v7.widget.RecyclerView android:id="@+id/rv_message_list" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建一个 Adapter ```java public class MessageListAdapter extends RecyclerView.Adapter<MessageListAdapter.ViewHolder> { private ArrayList<Message> mMessageList; public MessageListAdapter(ArrayList<Message> messageList) { mMessageList = messageList; } @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()) .inflate(R.layout.item_message, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(ViewHolder holder, int position) { Message message = mMessageList.get(position); holder.mTvSender.setText(message.getSender()); holder.mTvTime.setText(message.getTime()); holder.mTvContent.setText(message.getContent()); } @Override public int getItemCount() { return mMessageList.size(); } public static class ViewHolder extends RecyclerView.ViewHolder { public TextView mTvSender; public TextView mTvTime; public TextView mTvContent; public ViewHolder(View itemView) { super(itemView); mTvSender = (TextView) itemView.findViewById(R.id.tv_sender); mTvTime = (TextView) itemView.findViewById(R.id.tv_time); mTvContent = (TextView) itemView.findViewById(R.id.tv_content); } } } ``` 3. 创建一个消息类 ```java public class Message { private String mSender; private String mTime; private String mContent; public Message(String sender, String time, String content) { mSender = sender; mTime = time; mContent = content; } public String getSender() { return mSender; } public String getTime() { return mTime; } public String getContent() { return mContent; } } ``` 4. 在 Activity 中使用 Adapter 和 RecyclerView ```java public class MainActivity extends AppCompatActivity { private ArrayList<Message> mMessageList; private RecyclerView mRecyclerView; private MessageListAdapter mAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mMessageList = new ArrayList<>(); mMessageList.add(new Message("Tom", "10:00", "Hello")); mMessageList.add(new Message("Jerry", "10:01", "Hi")); mMessageList.add(new Message("Tom", "10:02", "How are you?")); mMessageList.add(new Message("Jerry", "10:03", "I'm fine, thank you.")); mRecyclerView = (RecyclerView) findViewById(R.id.rv_message_list); mAdapter = new MessageListAdapter(mMessageList); mRecyclerView.setAdapter(mAdapter); mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); } } ``` 此时,我们就实现了一个简单的 Android Studio 仿 QQ 消息列表。你可以根据自己的需求,修改布局文件和数据结构来满足各种需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值