精华内容
下载资源
问答
  • QQ登陆界面

    千次阅读 2013-01-15 10:34:13
    终于完成QQ登陆界面布局,哎,这是Android 工作的第一个工作任务。虽然做了两三天,但很欣慰,最终能够完成。 下面我把自己感觉最难的布局贴出来,即QQ账号的布局,困扰我好久,因为之前没练过。 QQ账号(即上面...

    终于完成QQ登陆界面布局,哎,这是Android 工作的第一个工作任务。虽然做了两三天,但很欣慰,最终能够完成。

    下面我把自己感觉最难的布局贴出来,即QQ账号的布局,困扰我好久,因为之前没练过。

    QQ账号(即上面其中一个布局)布局代码:


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <EditText
            android:id="@+id/accout_edit"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="55dp"
            android:layout_marginRight="50dp"
            android:background="@drawable/qq_edit_login"
            android:hint="请输入账号"
            android:numeric="integer"
            android:paddingLeft="50dp"
            android:paddingTop="10sp"
            android:singleLine="true"
            android:maxLength="12"
            android:textSize="20dp" />

        <TextView
            android:id="@+id/count_txt"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="60dp"
            android:paddingTop="10dp"
            android:layout_alignTop="@id/accout_edit"
            android:layout_alignBottom="@id/accout_edit"
            android:text="账号"
            android:textSize="20dp" />

        <ImageButton
            android:id="@+id/imagebuttom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/count_txt"
            android:layout_alignTop="@id/accout_edit"
            android:layout_alignBottom="@id/accout_edit"
            android:layout_marginLeft="135dp"
            android:background="@drawable/account_button_prsess" />
        <!-- 注意定位方式,在ImageButton 中现在对齐方式中在TextView的右边,在能在layout_marginLeft="135dp"体现出,在
                距离左边135dp的距离。还有注意方向 -->
    </RelativeLayout>

    资源文件:



    account_button_press.xml:

    <?xml version="1.0" encoding="UTF-8"?>
    <selector
      xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true" android:drawable="@drawable/button2_down" />
        <!-- press -->
        <item android:state_focused="true" android:state_enabled="true" android:drawable="@drawable/button2_over" />
        <!--focused  -->
        <item android:state_enabled="true" android:drawable="@drawable/button2" />
        <!-- defauld -->
    </selector>



    qq_edit_login.xml:

    <?xml version="1.0" encoding="UTF-8"?>
    <selector
      xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_enabled="false" android:drawable="@drawable/input" />
        <item android:state_pressed="true" android:drawable="@drawable/input" />
        <item android:state_focused="true" android:drawable="@drawable/input_over" />
    </selector>



    图片:


    希望大家能够在Android方面相互学习,相互探讨!

    日起:2013.115

    展开全文
  • qq登陆界面

    千次阅读 2016-04-12 13:28:38
    按钮 设置登陆等 public   static   void  main(String[] args) { QqClientLogin2 acl = new  QqClientLogin2(); } public  QqClientLogin2() { jlb = new  JLabel( new  ImageIcon( ...

    以下是效果截图:

     

     

    素材:

           

     

     

    以下是源代码:

     

    import java.awt.*;

    import java.awt.event.MouseEvent;

    import java.awt.event.MouseListener;

    import javax.swing.*;

     

    public class QqClientLogin2 extends JFrameimplements MouseListener{

    //北部区域标签,放图片QQ2012

    JLabel jlb;

    //中部区域

    JPanel jp;

    JComboBox cb;//组合框 设置状态用的

    JLabel jp_jlb1,jp_jlb3,jp_jlb4;//标签"注册账号""找回密码"JTextField jp_jtf; // QQ号码/手机/邮箱

    JTextField jp_jtf; // QQ号码/手机/邮箱

    TextField jp_pw;  //密码

    JCheckBox jp_jcb1,jp_jcb2;//复选框 设置"记住密码""自动登录"

    Font f1=new Font("宋体", Font.PLAIN, 14); //设置字体

    JButton jp_jb1,jp_jb2,jp_jb3;//按钮 设置登陆等

    public static void main(String[] args) {

    QqClientLogin2 acl=new QqClientLogin2();

    }

    public QqClientLogin2() {

    jlb=new JLabel(new ImageIcon("image/tou.gif"));//图片路径可要根据你放置的位置修改不然显示不出来 若是和文件放同一个地方 则image/可以去掉

    jp=new JPanel();

    jp.setLayout(null);

    jp_jlb1=new JLabel(new ImageIcon("image/qqtou.gif"));

    jp_jlb1.setBounds(18, 10, 85, 85); //设置标签位置 前提是要空布局

    jp_jtf=new JTextField("QQ号码/手机/邮箱");

    jp_jtf.setForeground(Color.LIGHT_GRAY);//设置颜色

    jp_jtf.addMouseListener(this);

    jp_jtf.setBounds(118, 11, 170, 25);

    jp_pw=new TextField("密码",24);

    jp_pw.setForeground(Color.LIGHT_GRAY);

    jp_pw.addMouseListener(this);

    jp_pw.setBounds(118, 45, 170, 24);

    jp_jlb3=new JLabel("注册账号");

    jp_jlb3.setFont(f1);

    jp_jlb3.setForeground(Color.BLUE);

    jp_jlb3.setBounds(300, 10, 70, 25);

    jp_jlb4=new JLabel("找回密码");

    jp_jlb4.setFont(f1);//设置"找回密码"字体

    jp_jlb4.setForeground(Color.BLUE);//设置"找回密码"字体颜色

    jp_jlb4.setBounds(300, 43, 70, 25);

    String[] s={"在线","隐身","忙碌","离线"};//设置状态

    cb=new JComboBox(s);

    cb.setFont(f1);

    cb.setBounds(300, 78, 60, 21);

    jp_jcb1=new JCheckBox("记住密码");

    jp_jcb1.setFont(f1);

    jp_jcb1.setBounds(114, 78, 90, 20);

    jp_jcb2=new JCheckBox("自动登录");

    jp_jcb2.setFont(f1);

    jp_jcb2.setBounds(206, 78, 90, 20);

    jp_jb1=new JButton("多账号");

    jp_jb1.setFont(f1);

     

    jp_jb1.setBounds(10, 120, 76, 21);

    jp_jb2=new JButton("设置");

    jp_jb2.setFont(f1);

    jp_jb2.setBounds(95, 120, 65, 21);

     

    jp_jb3=new JButton("登录");

    jp_jb3.setFont(f1);

    jp_jb3.setBounds(297, 120, 65, 21);

     

    //添加各个组件

    jp.add(jp_jlb1);

    jp.add(jp_jtf);

    jp.add(jp_jlb4);

    jp.add(jp_pw);

    jp.add(jp_jlb3);

    jp.add(cb);

    jp.add(jp_jcb1);

    jp.add(jp_jcb2);

    jp.add(jp_jb1);

    jp.add(jp_jb2);

    jp.add(jp_jb3);

    this.add(jlb,"North");//标签放到最北部

    this.add(jp,BorderLayout.CENTER);//放到中部

    this.setIconImage(new ImageIcon("image/qq.gif").getImage());//设置窗口上的qq小图片

    this.setResizable(false);//不允许放大,改变窗口大小等

    this.setSize(380,275);

    this.setLocation(500,200);

    this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

    this.setVisible(true);

    }

     

    @Override

    public void mouseClicked(MouseEvent e) {

    // TODO Auto-generated method stub

    if(e.getSource()==jp_jtf)

    {

    jp_jtf.setText("");

    jp_jtf.setForeground(Color.BLACK);

    }

    else if(e.getSource()==jp_pw)

    {

    jp_pw.setText("");

    jp_pw.setForeground(Color.BLACK);

    jp_pw.setEchoChar('');

    }

    }

     

    @Override

    public void mousePressed(MouseEvent e) {

    // TODO Auto-generated method stub

    }

     

    @Override

    public void mouseReleased(MouseEvent e) {

    // TODO Auto-generated method stub

    }

    @Override

    public void mouseEntered(MouseEvent e) {

    // TODO Auto-generated method stub

    }

    @Override

    public void mouseExited(MouseEvent e) {

    // TODO Auto-generated method stub

    }

    }

    展开全文
  • android高仿QQ登陆界面Demo

    千次下载 热门讨论 2012-08-16 09:13:19
    一款完全仿照最新QQ登陆界面UI设计,同时实现了部分逻辑功能,希望可以帮到喜欢研究UI的朋友做参考
  • Android仿qq登陆界面

    千次阅读 2015-09-16 09:40:25
    每天登陆qq,就想着自己做一个qq登陆界面,下了一个qq.apk, 解压之后拿到里面的图片资源,就开始动工了。新建一个项目,将资源全部copy到自己的资源目录下!尝试将自己qq数据清除,在登陆之前有一个彩色qq界面,, ...

    每天登陆qq,就想着自己做一个qq登陆界面,下了一个qq.apk, 解压之后拿到里面的图片资源,就开始动工了。新建一个项目,将资源全部copy到自己的资源目录下!

    尝试将自己qq数据清除,在登陆之前有一个彩色qq界面,这里写图片描述
    这个界面只是停留两秒左右,所以`/**
    * Created by Administrator on 2015/9/15.
    */
    public class LoadActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.splash);
    
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                startActivity(new Intent(LoadActivity.this, MainActivity.class));
                finish();
    
            }
        },1000);
    
    
    }
    
    Handler handler = new Handler();
    

    }`

    发一个延时handler启动activity就可以了,然后将自身finish(),在这里引导页就没有做了。

    在登陆界面的布局

    <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:background="#110080ff"
        android:orientation="vertical">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="#330080ff"
    
            android:orientation="vertical">
    
            <ImageView
                android:id="@+id/login_icon"
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:layout_gravity="center"
                android:layout_marginBottom="30dp"
                android:layout_marginTop="50dp"
                android:src="@mipmap/login_icon" />
    
        </LinearLayout>
    
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
    
            <EditText
                android:id="@+id/name"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#ffffffff"
                android:hint="QQ号/手机号/邮箱"
                android:paddingLeft="20dp"
                android:textColor="#ff000000"
                android:textSize="14sp" />
    
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#11000000" />
    
            <EditText
                android:id="@+id/password"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#ffffffff"
                android:hint="密码"
                android:paddingLeft="20dp"
                android:textColor="#ff000000"
                android:textSize="14sp" />
    
    
        </LinearLayout>
    
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:gravity="center">
    
            <Button
                android:id="@+id/login_button"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:background="@drawable/shape"
                android:gravity="center"
                android:text="登 陆"
                android:textColor="#ffffffff"
                android:textSize="16sp" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            android:gravity="bottom">
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:layout_weight="1"
                android:layout_margin="5dp"
                android:id="@+id/non"
                android:text="无法登陆?" />
    
            <TextView
                android:id="@+id/news"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dp"
                android:layout_gravity="bottom|right"
                android:gravity="left"
                android:text="新用户" />
        </LinearLayout>
    
    
    </LinearLayout>
    

    这里写图片描述

    初始化`

     @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            init();
        }
    private void init(){
        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.login_icon);
        loginIcon = (ImageView) findViewById(R.id.login_icon);
        loginIcon.setImageDrawable(new CircleImageDrawable(bitmap));
        mNon = (TextView)this.findViewById(R.id.non);
        mNon.setOnClickListener(this);
        mNews = (TextView)this.findViewById(R.id.news);
        mNews.setOnClickListener(this);
        mName = (EditText)this.findViewById(R.id.name);
        mPassWord = (EditText)this.findViewById(R.id.password);
        mName.addTextChangedListener(mNameTextWatcher);
        mPassWord.addTextChangedListener(mPasswordTextWatcher);
    
        mLoginButton = (Button)this.findViewById(R.id.login_button);
        mLoginButton.setOnClickListener(this);
    }`
    

    这样就可以了

    展开全文
  • 仿QQ登陆界面 界面显示 界面布局 响应事件 仿QQ登陆界面实现 1.界面显示 界面显示的两种方法 创建JFrame对象 import java.awt.Color; import javax.swing.JFrame; /** * @author 梦想少年 *通过创建JFrame对象来...

    仿QQ登陆界面

    在这里插入图片描述

    1. 界面显示
    2. 界面布局
    3. 响应事件
    4. 仿QQ登陆界面实现

    1.界面显示

    界面显示的两种方法
    1. 创建JFrame对象
    import java.awt.Color;
    import javax.swing.JFrame;
    /**
    6. @author 梦想少年
    *通过创建JFrame对象来显示界面
    */
    public class Login1 {
       public void init(){
       	JFrame jframe=new JFrame();//创建JFrame对象来显示界面
       	jframe.setTitle("登录界面");//设置界面标题
       	jframe.setSize(500,500);//设置界面大小
       	jframe.setLocationRelativeTo(null);//设置界面居中
       	jframe.setResizable(false);//设置界面不可改变大小
       	jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭程序,退出运行状态
       	jframe.getContentPane().setBackground(Color.PINK);//设置界面颜色
       	jframe.setVisible(true);//设置界面显示
       }
       public static void main(String[] args) {
       	// TODO Auto-generated method stub
       new Login1().init();
       }
    }
    
    1. 继承JFrame类
    import java.awt.Color;
    import javax.swing.JFrame;
    /**
    8. @author 梦想少年
    *通过创建JFrame对象来显示界面
    */
    public class Login1 extend JFrame{//继承JFrame类
       public void init(){
       	this.setTitle("登录界面");//设置界面标题
       	this.setSize(500,500);//设置界面大小
       	this.setLocationRelativeTo(null);//设置界面居中
       	this.setResizable(false);//设置界面不可改变大小
       	this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭程序,退出运行状态
       	this.getContentPane().setBackground(Color.PINK);//设置界面颜色
       	this.setVisible(true);//设置界面显示
       }
       public static void main(String[] args) {
       	// TODO Auto-generated method stub
       new Login1().init();
       }
    }
    

    通过以上两种方法,我们就可以显示如下的界面:
    在这里插入图片描述
    注意总结:

    1. 界面相关的类都在系统的 javax.swing 这个包下面,记得要import
    2. 系统相关的类通常发 J 开始,如 JFrame,JButton,JCheckBox,JTextField,但也有例外
    3. 对于this关键字,相当于“我”的意思,指当前对象

    1.界面布局

    界面布局的两种布局管理器
    • 流式布局
      流式布局:流式对于界面中组件的排布按照自左到右,自上而下的方式,并且整体会居中排布。
      对于流式布局假如我们要加一个登陆按钮,可以先看看如下代码:
       public void init(){
       	JFrame jframe=new JFrame();//创建JFrame对象来显示界面
       	jframe.setTitle("登录界面");//设置界面标题
       	jframe.setSize(500,500);//设置界面大小
       	
       	JButton button=new JButton("登陆");//创建一个按钮对象
       	jframe.add(button);//将按钮添加到界面上
       	
       	jframe.setLocationRelativeTo(null);//设置界面居中
       	jframe.setResizable(false);//设置界面不可改变大小
       	jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭程序,退出运行状态
       	jframe.getContentPane().setBackground(Color.PINK);//设置界面颜色
       	jframe.setVisible(true);//设置界面显示
       }
    

    但是奇怪的事情发生了:
    在这里插入图片描述
    按钮把整个界面都占满了,肯定有些小伙伴震惊了,原因其实很简单。该界面没有设置流式布局,导致按钮组件的排布没有了规范,导致了如上图的那样出错。那么我们应该就应该在添加按钮组件之前给界面设置流式布局:

    jframe.setLayout(new FlowLayout());//设置流式布局
    	JButton button=new JButton("登陆");//创建一个按钮对象
    	jframe.add(button);//将按钮添加到界面上
    

    在这里插入图片描述
    这样按钮就可以以一定的大小分布界面的正上方,我们自此就学会了界面的流式布局去经行相关的组件的排布了。

    • 边框布局
      边框布局:边框布局对于界面中的组件可以按照东南西北中的方向排布,更加考虑单个组件的具体位置。
      对于该布局,我们可以假象一个场景:如果你想在界面的左端放一张图片,右端放输入框和按,我们就可以用边框布局。
    ImageIcon image=new ImageIcon("C:\\Users\\梦想少年\\Pictures\\Mypersonalphoto\\image.jpg");
       	JLabel lable=new JLabel(image);//将图片作为标签
       	jframe.add(lable,BorderLayout.WEST);//把图片标签放在西界面上
       	JButton button=new JButton("登陆");//创建一个按钮对象
       	jframe.add(button,BorderLayout.EAST);//将按钮添加到东界面上
    

    我们可以看看效果:
    在这里插入图片描述
    但是按钮怎么又变大了,又出Bug了,但是没有关系,学习编程就是一个找出错误并且慢慢修正的过程,士兵往往要披荆斩棘才能成为将军。我们可以思考一下,图片和按钮肯定要流式布局才能以正常的大小在界面排布,但是界面不能够同时设置流式布局和边框布局啊,但是我们可以引进一个类:JPanel

    JPanel:它是包含在javax.swing面板容器类这个包中,是一种轻量级容器,可以加到JFrame窗体中。并且JPanel默认的布局管理器是FlowLayout(流式布局),相当于C++和C#中的Panel类。
    		//西
    		JPanel panelwest=new JPanel();
    		jframe.add(panelwest,BorderLayout.WEST);//将面板放在西界面上
    		ImageIcon image=new ImageIcon("C:\\Users\\梦想少年\\Pictures\\Mypersonalphoto\\image.jpg");
    		JLabel lable=new JLabel(image);//将图片作为标签
    		lable.setPreferredSize(new Dimension(300,300));//设置标签大小
    		panelwest.add(lable);//把图片标签放在西面板上
    		//东
    		JPanel paneleast=new JPanel();
    		jframe.add(paneleast,BorderLayout.EAST);//将面板放在东界面上
    		JButton button=new JButton("登陆");//创建一个按钮对象
            paneleast.add(button);//将按钮添加到面板上
    

    我们可以看到改变过的效果了,图片分布在左边,按钮分布在右边,虽然看起来不是布局很合理,但是最后我们可以在调整一下。
    在这里插入图片描述
    从上面我们简单了解了两种界面的布局管理器,对我们的界面布局会有很大的帮助。要简单实现登入的效果,我们肯定要在输入账号和密码后,点击登陆按钮后出现相应的反应,如果密码正确可打开另一个界面或者显示账号密码正确和错误与否。我们就要去简单了解一下相应事件。

    1.响应事件

    • 动作事件:它是鼠标单击按钮,复选框等同类动作操作的一种行为。
    • 鼠标事件:包括鼠标点击、按下、松开、拖拽等一系列行为。
    • 键盘事件:通过敲击键盘来控制事件产生的行为。
    事件监听机制
    • 事件
    • 事件源
    • 事件监听器
    1. 事件(Event):可以理解为对一个组件的某种同类型操作动作的集合。例如,单击一个按钮、在文本框中输入一个字符串、选择一个菜单选项、选中一个单选按钮等都可以认为是一个操作动作。而利用鼠标单击按钮、进入按钮、移出按钮、按下按钮、松开按钮等,可以认为是同一种类型的动作操作,因其都是通过鼠标完成的,这种同类型的动作操作,就可以统一的由鼠标事件来描述。Java按照事件产生的方式,将事件归类汇总后分为若干种类型,如鼠标事件、键盘事件、窗口事件、选择事件等
    2. 事件源(Event Source):可以理解为产生事件的源头,也即发生事件的组件。在java中,如果组件产生了一个动作,就表明发生了这个动作所归属的事件一例如,单击一次btn按钮,则btn按钮就是一个事件源,对应的事件为鼠标事件;在tf文本框中输入一个字符串,则tf文本框也是一个事件源,对应的事件为键盘事件。
    3. 事件监听器(Listener):事件处理机制中的核心部分它的主要功能如下:
      ①监听组件,观察组件有没有发生某类事件
      ②如果监听的组件发生了某类事件,则调用对应的动作处理方法立刻处理这个事件。通过监听器的功能可以看出,在Java事件处理机制中,监听器处于主体地位,与事件分类对应,监听器也相应地分成若干种类型,如鼠标事件对应鼠标监听器,键盘事件对应键盘监听器,窗口事件对应窗口监听器等。需要说明的是,如果希望监听并处理一个组件的某类事件,则必须先给该组件添加埘应的事件监听器。如果不给组件添加事件监听器,则该组件发生任何的事件都不会被监听器监听到,从而也不会产生任何的响应。监听器属于接口类型,实现某一种监听器就必须实现该监听器的所有方法。
    动作事件监听器和鼠标事件监听器

    动作事件监听器:

       	//东
       	JPanel paneleast=new JPanel();
       	jframe.add(paneleast,BorderLayout.EAST);//将面板放在东界面上
       	JButton button=new JButton("登陆");//创建一个按钮对象
           paneleast.add(button);//将按钮添加到面板上
           button.addActionListener(new ActionListener() {//给按钮添加动作监听器
       		
       		@Override
       		public void actionPerformed(ActionEvent e) {//实现其点击按钮的方法
       			// TODO Auto-generated method stub
       		System.out.println("点击啦");	
       		}
       	});
    

    在这里插入图片描述
    这样一来,我们的按钮就有灵魂了,我们可以用其判断我们账号和密码的正确与否。
    鼠标事件监听器:

            jframe.addMouseListener(new MouseListener() {
    			@Override
    			public void mouseReleased(MouseEvent e) {//鼠标释放
    				// TODO Auto-generated method stub	
    			}	
    			@Override
    			public void mousePressed(MouseEvent e) {//鼠标按下
    				// TODO Auto-generated method stub	
    			}
    			@Override
    			public void mouseExited(MouseEvent e) {
    				// TODO Auto-generated method stub	
    			}
    			@Override
    			public void mouseEntered(MouseEvent e) {
    				// TODO Auto-generated method stub	
    			}
    			@Override
    			public void mouseClicked(MouseEvent e) {//鼠标点击
    				// TODO Auto-generated method stub
    			}
    		});
    

    鼠标监听器主要用于对界面图形的绘制,这里我就不详细讲了。

    1.仿QQ登陆界面实现

    • 显示界面和布局调整
      由上面简单的介绍,我们可以初步写一个简单的 QQ界面:下面为完整版代码
    package 仿QQ登入界面;
    
    import java.awt.BorderLayout;
    import java.awt.Color;
    import java.awt.Dimension;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    
    import javax.swing.ImageIcon;
    import javax.swing.JButton;
    import javax.swing.JCheckBox;
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    import javax.swing.JPanel;
    import javax.swing.JPasswordField;
    import javax.swing.JTextField;
    
    public class Login2 {
       public void init(){
       	JFrame jframe=new JFrame();//创建JFrame对象来显示界面
       	jframe.setTitle("仿QQ登录界面");//设置界面标题
       	jframe.setSize(400,250);//设置界面大小
       	jframe.setLocationRelativeTo(null);//设置界面居中
       	jframe.setResizable(false);//设置界面不可改变大小
       	jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//关闭程序,退出运行状态
       	//西
       	JPanel panelwest=new JPanel();
       	panelwest.setBackground(Color.LIGHT_GRAY);
       	panelwest.setPreferredSize(new Dimension(120,200));
       	jframe.add(panelwest,BorderLayout.WEST);
       	ImageIcon image=new ImageIcon("C:\\Users\\梦想少年\\Pictures\\java技术博客\\QQ.png");
       	JLabel lable=new JLabel(image);
       	lable.setPreferredSize(new Dimension(120,120));
       	panelwest.add(lable);
       	//东
       	JPanel paneleast=new JPanel();
       	paneleast.setBackground(Color.LIGHT_GRAY);
       	paneleast.setPreferredSize(new Dimension(80,200));
       	jframe.add(paneleast,BorderLayout.EAST);
       	JLabel lable1=new JLabel("注册账号");
       	paneleast.add(lable1);
       	JLabel lable2=new JLabel("忘记账号");
       	paneleast.add(lable2);
       	JLabel lable3=new JLabel("忘记密码");
       	paneleast.add(lable3);
       	//中
       	JPanel panelcenter=new JPanel();
       	panelcenter.setBackground(Color.LIGHT_GRAY);
       	panelcenter.setPreferredSize(new Dimension(250,200));
       	jframe.add(panelcenter,BorderLayout.CENTER);
       	JTextField text=new JTextField();
       	text.setPreferredSize(new Dimension(180,30));
       	panelcenter.add(text);
       	JPasswordField password=new JPasswordField();
       	password.setPreferredSize(new Dimension(180,30));
       	panelcenter.add(password);
       	JCheckBox checkbox1=new JCheckBox("记住账号");
       	checkbox1.setPreferredSize(new Dimension(180,30));
       	panelcenter.add(checkbox1);
       	JCheckBox checkbox2=new JCheckBox("记住密码");
       	checkbox2.setPreferredSize(new Dimension(180,30));
       	panelcenter.add(checkbox2);
       	//南
       	JPanel panelsouth=new JPanel();
       	panelsouth.setBackground(Color.darkGray);
       	panelcenter.setPreferredSize(new Dimension(400,50));
       	jframe.add(panelsouth,BorderLayout.SOUTH);
       	JButton button=new JButton("登陆");
       	button.setPreferredSize(new Dimension(100,30));
           panelsouth.add(button);
           button.addActionListener(new ActionListener(){
       		/**
       		 * 添加动作监听器,判断登入是否成功
       		 */
       		@SuppressWarnings("deprecation")
       		@Override
       		public void actionPerformed(ActionEvent e) {
       			// TODO Auto-generated method stub
       		if(text.getText().equals("abcdefg")){
       			if(password.getText().equals("123456789")){
       			System.out.println("登陆成功!");	
       			}else{
       			System.out.println("密码错误,登陆失败!");	
       			}
       		}else{
       			System.out.println("账号错误,登陆失败!");
       		}
       		}
       	});
       	jframe.setVisible(true);
       }
       public static void main(String[] args) {
       	// TODO Auto-generated method stub
       	new Login2().init();
       }
    
    }
    

    来看效果吧:
    在这里插入图片描述
    还不错吧,就这样跌跌撞撞就把它写成啦。其中有什么不对的地方希望大家可以指出,如果有什么问题,也可以加我QQ:2939631331来和我探讨。

    展开全文
  • 仿QQ登陆界面,只有登录框

    热门讨论 2010-09-02 09:28:58
    模仿QQ登陆界面做了一个登录框,只有登录框哦,能实现记住密码,切换帐号等功能。
  • Qt 之 模仿 QQ登陆界面下载

    热门讨论 2016-12-22 18:52:25
    利用Qt 实现了QQ的登录界面,从QQ登录界面抠了些图,加了点样式基本上实现了QQ登陆界面全部效果。虽不说100%相似,那也有99.99%相似了哈O(∩_∩)O。 详情见博客:...
  • [练习]QQ登陆界面-测试用例的编写

    万次阅读 多人点赞 2019-04-25 17:32:57
    (Test Case)是为了实施测试而向被测试系统提供的一组集合, 包括:测试环境、操作步骤、测试数据、预期结果等要素。 一条测试用例最终只有一个结果。...接下来,编写一组关于QQ登陆界面...
  • Qt 之 模仿 QQ登陆界面——功能篇(一)

    万次阅读 多人点赞 2017-01-04 23:21:32
    今天继 Qt 之 模仿 QQ登陆界面——样式篇 这一篇 来简单地看一下对登录界面做的一些功能,主要是登录用户下拉列表和用户登录状态的切换。效果图:登录用户下拉列表用户登录状态二、代码之路accountitem.h#ifndef ...
  • QQ登陆界面Resource Hacker制作 我们利用Resource Hacker来修改制作登录界面。(其实还可以用eXeScope这个软件来改,目前来说修改QQ登录界面用得最多的就是Restorator Resource Hacker eXeScope这3个工具软件...
  • java实现简单QQ登陆界面

    千次阅读 2014-10-13 16:59:26
    学了java swing,awt什么的,...就把这个自己写的java 简单QQ登陆界面分享出来,仅为初学者谈资,不要笑话我写得简单哦。  java实现简单QQ登陆界面:  1.生成界面的java代码  package QQ2014;  import javax.sw
  • html-QQ登陆界面

    千次阅读 多人点赞 2020-02-17 21:43:18
    初学30节课html的入门课程,花了几个小时模仿了一个qq登陆界面。 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" ...
  • java仿qq登陆界面

    千次阅读 2015-10-14 12:16:10
    以前写过一次 只不过有点...package qq登陆; import java.awt.*; import java.awt.event.*; import java.io.IOException; import java.net.URI; import java.net.URISyntaxException; import javax.swing.*; public c
  • Android studio新手:实现最新版QQ登陆界面

    万次阅读 多人点赞 2018-05-25 20:12:11
    最新版QQ登陆界面如下:代码实现效果如下:activity_main.xml代码如下:&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;android.support.constraint.ConstraintLayout xmlns:...
  • Qt 之 模仿 QQ登陆界面——样式篇

    万次阅读 多人点赞 2016-12-21 22:57:23
    一、简述今天晚上花了半天时间从QQ登录界面抠了些图,顺便加了点样式基本上实现了QQ登陆界面全部效果。虽不说100%相似,那也有99.99%相似了哈O(∩_∩)O。QQ好像从去年开始,登录界面有了一个3D动态效果,要实现这...
  • java 仿qq登陆界面

    千次阅读 2015-09-14 12:34:08
    package 仿qq登录; public class Main { public static void main(String args[]){ WindowBuild win=new WindowBuild(); win.setTitle("仿qq登录"); win.setBounds(600,250,250,250); }
  • css3实现qq制作QQ登陆界面

    千次阅读 2019-08-04 15:04:00
    <img src="../img/qq.jpg" /> 账号: <!-- value表示默认值 --> 密码:请输入密码" id="myInput"/> <!-- placeholder隐藏提示--> 登陆"/> 忘记密码 注册新...
  • 我想分析的就是这段地址中的 regkey的值,它是由 QQ客户端登陆界面产生的值,算法内肯定是包括机器的 MAC等硬件信息的,如果不知道具体算法,靠模拟完全没用。 请知道如何获取到regkey算法的朋友示意一下可行...
  • java Swing QQ登陆界面

    千次阅读 2013-10-22 23:24:13
    java QQ登录界面
  • 对于QQ登陆界面,可以通过下拉菜单,实现状态的选择,在QQ的头像状态栏需要显示的信息包括:用户的头像以及登陆的状态。这里主要涉及和利用的只是是QMenu以及QAction,同时继承QLabel的类; QMenu的相关知识  QMenu...
  • Qt 之 模仿 QQ登陆界面——旋转窗口篇

    千次阅读 热门讨论 2017-02-15 22:22:52
    QQ登录界面的标题栏有一个小三角的按钮,一般情况下,大家可能并不会点击这个按钮,因为正常情况下大家登录QQ都不需要进行网络设置,只有在网络有限制的情况下,我们需要设置一些代理来登录QQ。当我们点击这个小三角...
  • public class QQ extends Frame implements ActionListener{ Label Lname ,Lpassword; //定义用户名和密码的标签 TextField Tname; //定义用户名的文本框 JPasswordField Tpassword; //定义密码的文本框。注:使用...
  • 使用android手机的用户想必都有android手机QQ客户端吧,我们是不是觉得QQ登陆界面非常漂亮美观而且具有亲和力?我们是不是也想作出像 QQ那样美观的界面?有的人肯定会问,做UI那不是美工人员的工作吗?是的,不能...
  • java简单实现仿QQ登陆界面

    千次阅读 多人点赞 2018-05-01 22:49:32
    select2=new JCheckBox("自动登陆"); select2.setFont(new Font("宋体",Font.PLAIN,15)); select2.setBackground(new Color(255,250,250)); bt=new JButton("登 录"); //将组建添加到面板当中 mb.add(lb2);mb.add(lb...
  • Java 设计 QQ登陆界面

    千次阅读 2018-07-18 22:26:08
    frame.setTitle("QQ登陆"); // 设置窗口大小 frame.setSize(540, 427); // 设置窗口位于屏幕中央 frame.setLocationRelativeTo(null); // 参数为3时,表示关闭窗口则程序退出 /** DO_NOTHING_ON_CLOSE ...
  • android布局基础及范例(一):QQ登陆界面设计

    万次阅读 热门讨论 2011-10-31 12:39:10
    使用android手机的用户想必都有android手机QQ客户端吧,我们是不是觉得QQ登陆界面非常漂亮美观而且具有亲和力?我们是不是也想作出像QQ那样美观的界面?有的人肯定会问,做UI那不是美工人员的工作吗?是的,不能否认...
  • 用WPF做一个像QQ登陆界面一样的窗体

    千次阅读 2013-03-03 00:44:04
    ------- ...听说WPF可以很容易做出精美的UI,刚好看到QQ登陆界面挺好的,就想着模仿着做个,也顺便当我这几天做的项目的登陆界面。下面记录了我做的过程中碰到的种种小麻烦,这些东西虽然小,但是都是亲

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 30,252
精华内容 12,100
关键字:

qq登录界面