仿QQ界面的切换

activity_main:

<LinearLayout 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:orientation="vertical"
    tools:context="com.zhangli.fragmentapp.MainActivity" >

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="2"
        android:gravity="center"
        android:padding="10dip"
        android:text="标题"
        android:textColor="@android:color/black"
        android:textSize="24sp" />

    <FrameLayout
        android:id="@+id/frameLayout"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="7" >
    </FrameLayout>

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/xiaoxi"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="消息"
            android:textSize="15sp" />

        <TextView
            android:id="@+id/lianxiren"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="联系人"
            android:textSize="15sp" />

        <TextView
            android:id="@+id/dongtai"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="动态"
            android:textSize="15sp" />
    </LinearLayout>

</LinearLayout>


MainActivity:

package com.zhangli.fragmentapp;

import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;

public class MainActivity extends Activity {

	private TextView title;
	private MessageFragment messageFragment;
	private LianxirenFragment lainxirenFragment;
	private DongtaiFragment dongtaiFragment;
	private TextView[] textview = new TextView[3];
	private Fragment[] fragment = new Fragment[3];
	private static int Pos = -1;

	private TextView messageText, lainxirenText, dongtaiText;

	int color1 = Color.BLUE; // 创建一个蓝色 是使用Android提供的颜色
	int color2 = Color.RED;
	int color3 = Color.GREEN;

	private int[] color = { color1, color2, color3 };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		title = (TextView) findViewById(R.id.title);
		messageText = (TextView) findViewById(R.id.xiaoxi);
		lainxirenText = (TextView) findViewById(R.id.lianxiren);
		dongtaiText = (TextView) findViewById(R.id.dongtai);

		textview[0] = messageText;
		textview[1] = lainxirenText;
		textview[2] = dongtaiText;

		messageFragment = new MessageFragment();
		lainxirenFragment = new LianxirenFragment();
		dongtaiFragment = new DongtaiFragment();

		fragment[0] = messageFragment;
		fragment[1] = lainxirenFragment;
		fragment[2] = dongtaiFragment;

		choose(0);
		clickListener(textview[0], 0);
		clickListener(textview[1], 1);
		clickListener(textview[2], 2);
	}

	public void clickListener(TextView text, final int i) {
		for (int x = 0; x < textview.length; x++) {

			text.setOnClickListener(new View.OnClickListener() {

				@Override
				public void onClick(View v) {
					choose(i);
				}
			});
		}

	}

	public void choose(int i) {
		// 重复点击
		if (i == Pos) {
			return;
		}
		for (int x = 0; x < textview.length; x++) {
			// 选中
			if (x == i) {
				textview[x].setTextColor(Color.RED);
				textview[x].setBackgroundColor(Color.DKGRAY);
				fragmentBackground(fragment[x]);
				title.setText(textview[x].getText() + "");
				// 随机在标题上选取背景颜色
				title.setBackgroundColor(color[(int) (Math.random() * 3)]);

			} // 未被选中
			else {
				textview[x].setTextColor(Color.DKGRAY);
				textview[x].setBackgroundColor(Color.WHITE);
			}
		}
		Pos = i;
	}

	public void fragmentBackground(Fragment f) {
		FragmentManager fm = this.getFragmentManager();
		FragmentTransaction ft = fm.beginTransaction();
		ft.replace(R.id.frameLayout, f);
		ft.commit();

	}

}


MessageFragment:

package com.zhangli.fragmentapp;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class MessageFragment extends Fragment{
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
		
		View view =inflater.inflate(android.R.layout.simple_list_item_1, null);
		TextView text=(TextView)view.findViewById(android.R.id.text1);
		text.setText("消息界面");
		return view;
	}
}


LianxirenFragment:

package com.zhangli.fragmentapp;


import android.app.ListFragment;
import android.os.Bundle;
import android.widget.ArrayAdapter;


//public class LianxirenFragment extends Fragment{
//	@Override
//	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
//		
//		View view =inflater.inflate(android.R.layout.simple_list_item_1, null);
//		TextView text=(TextView)view.findViewById(android.R.id.text1);
//		text.setText("联系人界面");
//		return view;
//	}
//}

public class LianxirenFragment extends	ListFragment{
@Override
public void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	
	String[] data=new String[100];
	for(int i=0;i<data.length;i++){
		data[i]="联系人:"+i;
	}
	
	ArrayAdapter adapter=new ArrayAdapter(getActivity(),android.R.layout.simple_list_item_1,data);
	this.setListAdapter(adapter);
}
}


DongtaiFragment:

package com.zhangli.fragmentapp;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class DongtaiFragment extends Fragment{
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
		
		View view =inflater.inflate(android.R.layout.simple_list_item_1, null);
		TextView text=(TextView)view.findViewById(android.R.id.text1);
		text.setText("动态界面");
		return view;
	}
}


 

 

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LVGL界面切换效果可以通过两种方法实现。方法一是切换到窗口2时,删除窗口1的容器,这样可以删除窗口1下的所有子对象。这种方式适用于运存较小的设备。方法二是在显示窗口1之前给窗口2的容器设置LV_OBJ_FLAG_HIDDEN隐藏属性,在显示窗口2之前给窗口1的容器设置LV_OBJ_FLAG_HIDDEN隐藏属性。这样可以通过控制容器的隐藏属性来实现窗口的切换效果。 利用LVGL提供的GUI Guider工具,可以轻松地创建高品质的显示界面,通过拖放编辑器和少量的代码即可利用LVGL的众多特性,如小部件、动画和样式来实现界面切换效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [LVGL8的窗口切换方式](https://blog.csdn.net/qq981378640/article/details/119959482)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [GUI Guider使用例程(应用LVGL的三个界面切换)](https://download.csdn.net/download/sinat_33408502/87505395)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值