类微信界面

先写出界面顶部top

然后底部buttom

注意bottom不需要放在底部,因为后续放在main.xml中的时候,FrameLayout权重设置为1,会将头顶部分开。 

主页面main.xml就是将写好的top和bottom引用进来,中间放一个FrameLayout显示内容,如下

然后写四个按钮tab,如下

 

再用四个fragment关联tab,比如

public class Fragment1 extends Fragment{
    public Fragment1() {

        // Required empty public constructor
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.tab01, container,false);
    }
}

 最后编辑mainactivity

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private static final String TAG = "123";
    private Fragment fragment1,fragment2,fragment3,fragment4;
    private FragmentManager manager;
    private LinearLayout linearLayout1,linearLayout2,linearLayout3,linearLayout4;
    private FragmentTransaction transaction;

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

        linearLayout1=findViewById(R.id.linearlayout11);
        linearLayout2=findViewById(R.id.linearlayout22);
        linearLayout3=findViewById(R.id.linearlayout33);
        linearLayout4=findViewById(R.id.linearlayout44);

        fragment1=new Fragment1();
        fragment2=new Fragment2();
        fragment3=new Fragment3();
        fragment4=new Fragment4();

        manager=getSupportFragmentManager();

        initial();

        hidden();

        linearLayout1.setOnClickListener(this);
        linearLayout2.setOnClickListener(this);
        linearLayout3.setOnClickListener(this);
        linearLayout4.setOnClickListener(this);


    }

    private void initial() {
        transaction=manager.beginTransaction()
                .add(R.id.frameLayout,fragment1)
                .add(R.id.frameLayout,fragment2)
                .add(R.id.frameLayout,fragment3)
                .add(R.id.frameLayout,fragment4);
        transaction.commit();
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case R.id.imageButton1:select(1);

            break;
            case R.id.imageButton2:select(2);

            break;
            case R.id.imageButton3:select(3);

                break;
            case R.id.imageButton4:select(4);

                break;
        };
    }

    private void select(int i) {
        hidden();
        switch (i) {

            case 1: showfragment(fragment1);
                break;
            case 2: showfragment(fragment2);
                break;
            case 3: showfragment(fragment3);
                break;
            case 4: showfragment(fragment4);
                break;
        }
    }

    private void showfragment(Fragment fragment) {
        transaction.show(fragment);
    }

    private void hidden() {
        transaction=manager.beginTransaction()
                .hide(fragment1)
                .hide(fragment2)
                .hide(fragment3)
                .hide(fragment4);
        transaction.commit();
    }
}

最终效果如下

代码

 https://github.com/luludadaa?tab=repositories

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
编写微信界面需要使用一个具有图形用户界面(GUI)功能的编程语言,例如Java、Python、C#等。在这里,我将以Python为例来演示如何实现微信界面。 首先,需要安装Python的GUI库Tkinter。在命令行中输入以下命令进行安装: ``` pip install tkinter ``` 接下来,可以创建一个新的Python文件,并导入Tkinter库: ```python import tkinter as tk ``` 然后,可以创建一个主窗口: ```python root = tk.Tk() root.title("微信") root.geometry("800x600") ``` 这里,我们创建了一个名为“微信”的主窗口,并设置了它的大小为800x600像素。 接下来,可以向主窗口中添加一些组件,例如菜单栏、工具栏、聊天窗口、输入框等。这些组件可以使用Tkinter库提供的各种小部件(widgets)来创建,例如Menu、Frame、Label、Button、Entry等。以下是一个简单的示例: ```python # 创建菜单栏 menu_bar = tk.Menu(root) root.config(menu=menu_bar) # 添加菜单项 file_menu = tk.Menu(menu_bar, tearoff=0) menu_bar.add_cascade(label="文件", menu=file_menu) file_menu.add_command(label="新建") file_menu.add_command(label="打开") file_menu.add_separator() file_menu.add_command(label="退出", command=root.quit) # 创建聊天窗口 chat_frame = tk.Frame(root, width=600, height=400, bg="white") chat_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True) # 创建输入框和发送按钮 input_frame = tk.Frame(root, width=600, height=50) input_frame.pack(side=tk.BOTTOM, fill=tk.X) input_entry = tk.Entry(input_frame, width=80) input_entry.pack(side=tk.LEFT, padx=10, pady=10) send_button = tk.Button(input_frame, text="发送", width=10) send_button.pack(side=tk.RIGHT, padx=10, pady=10) ``` 最后,可以使用Tkinter库提供的mainloop()方法来显示主窗口,使程序进入事件循环状态,等待用户交互: ```python root.mainloop() ``` 当用户与界面进行交互时,Tkinter将自动处理所有的事件,例如鼠标点击、键盘输入等。 以上代码只是一个简单的示例,实际的微信界面可能需要更多的组件和复杂的布局。但是,通过使用Tkinter这样的GUI库,可以方便地创建各种型的图形用户界面,包括应用程序、游戏、工具等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值