精华内容
下载资源
问答
  • java计算器界面

    2020-03-17 22:50:51
    计算器界面 public class Calculator { // 计算器界面布局 JFrame f ; JTextField jtf; JButton[] jbs ; JButton clear; public Calculator() { f = new JFrame("计算器V1.1"); jtf =...

    计算器界面

    public class Calculator {
            // 计算器界面布局
    	
    		JFrame f ;
            JTextField jtf;
            JButton[] jbs ;
    		JButton clear;
    		
    		public   Calculator() {
    			
    		f = new JFrame("计算器V1.1");
    		jtf = new JTextField(15);
    		clear = new JButton("清空");
    		jbs = new JButton[16];	
    		String str ="123+456-789*0.=/";
    	
    			for (int i = 0; i < jbs.length; i++)
    			{
    				jbs[i] = new JButton(str.charAt(i)+"");
    			}
    	
    			
    			init();
    			f.setSize(300,400);
    		    f.setVisible(true);
    		}
    	
    
    	public void init() {
    		f.setLayout(new BorderLayout());
    		
    		JPanel panel = new  JPanel();
    		
    		JPanel panel2 = new JPanel();
    		
    		
    		panel.setLayout(new FlowLayout());
    		panel.add(jtf);
    		panel.add(clear);
    		
    		panel2.setLayout(new GridLayout(4,4));
    		
    		for (int i = 0; i < jbs.length; i++) {
    			
    			panel2.add(jbs[i]);
    		}
    		f.add(panel,BorderLayout.NORTH);
    		f.add(panel2,BorderLayout.CENTER);
    		
    		
    	}
    	public static void main(String[] args) {
    		 Calculator c = new  Calculator();
    	}
    	}
    
    展开全文
  • Java计算器界面

    2018-06-25 08:35:40
    利用Eclipse开发工具,设计一个计算器的图形用户界面
  • 根据效果图,给计算器界面布局,让它有具备计算器的雏形。

    第3节 计算器界面布局

    现在起,我们就开始正式开发“计算器”应用。这一节,我们将完成计算器的界面布局,让它初具计算器的模样。

    计算器界面是通过布局文件定义的。它位于项目的res\layout\activity_main.xml文件中。

    这个布局文件通过java源代码MainActivity.java中的setContentView()函数,设置到界面上。

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

    接下来,我们的界面布局,就会在这个布局文件activity_main.xml中进行。
    在修改布局文件的过程中,可以通过Preview功能,来实时观看我们修改的界面布局效果。

    3.1 上下段布局

    首先确定布局形式。界面分为两个大区域,上半区域显示计算表达式和计算结果,下半区域显示键盘。

    1. 两个区域一上一下,呈线型排列,因此我们选择LinearLayout布局;
    2. 通过将LinearLayoutandroid:orientation属性设置成vertical来将它包含的内容以竖直方式排列;
    3. 整个界面将尽可能占用整个屏幕,因此使用match_parent指定布局的宽度和高度。match_parent说明尺寸要尽可能的大。
    <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:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:orientation="vertical"
        tools:context="com.anddle.calculator.MainActivity">
    </LinearLayout>
    1. 上半区域包含了表达式区域和计算结果区域,它们也成竖直排列,所以还需要一个LinearLayout包含它们。上半区域占整个界面的1/3,就要将android:layout_weight设置成1android:layout_height设置成0dp
    2. 下半区域是键盘的显示区域,我们也选用LinearLayout作为这个区域的布局。下半区域占整个界面的2/3,就要将android:layout_weight设置成2android:layout_height设置成0dp

    这样的设置说明,要将父布局剩余的空间平均分成1+2=3份,上半区域分得1/3,下半区域分的2/3。所谓空余的空间就是:父布局的空间,被子布局的空间占用后,所剩余的空间。

    布局文件中,我们将现实区域和键盘区域的高度都设置成了0dp,说明它们在竖直方向上不占用任何空间,但是又设置了layout_weight,说明它们要按照父控件match_parent占用的高度来按比例分配。

    <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:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        android:orientation="vertical"
        tools:context="com.anddle.calculator.MainActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"/>
    
    </LinearLayout>

    3.2 显示区域布局

    结果区域和表达式区域一上一下,各占一半空间,用来显示文字内容。它们可以使用TextView控件来实现。

    1. 为结果区域指定android:idresult_areaandroid:layout_weight设置成1android:layout_height设置成0dp
    2. 为表达式区域指定android:idformula_areaandroid:layout_weight设置成1android:layout_height设置成0dp
      设置了id,我们以后就可以在代码中,通过这id来获取并使用这个控件了。
    3. 包含结果区域和表达式区域的LinearLayout设置android:orientation属性为vertical,让它们竖直排列
    4. 为了祛除界面上四个边的空白,我们还要移除最外层LinearLayoutandroid:paddingXXXX这几个属性,让整个界面填满显示区域。
    <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.anddle.calculator.MainActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="vertical"/>
    
            <TextView
                android:id="@+id/result_area"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
    
            <TextView
                android:id="@+id/formula_area"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
    
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"/>
    
    </LinearLayout>

    3.3 键盘区域布局

    键盘布局可以进一步分成左右两个区域,

    1. 左边区域是C DEL 0-9以及.
    2. 右边区域是* - + =

    这两个区域,可以同样使用水平排列的LinearLayout作为它们的父布局,

    1. 左边区域像个表格,可以使用TableLayout,让它占据3个单位的宽度,android:layout_weight设置成3android:layout_width设置成0dp
    2. 右边区域就是一个简单的竖直排列的LinearLayout,让它占据1个单位的宽度,也就是android:layout_weight设置成1android:layout_width设置成0dp
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2">
    
        <TableLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3"/>
    
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"/>
    
    </LinearLayout>

    3.3.1 键盘左区域布局

    键盘按钮分成3*5格,每一格就是一个按钮,这就像是一个表格,所以我们选用了TableLayout作为它们的布局。

    1. 每一行用TableRow表示,它是与TableLayout配合使用的布局,用来表示表格的每一行;这里有5行,就添加5个TableRow
    2. TableRow在默认情况下,会假定android:layout_widthmatch_parentandroid:layout_heightwrap_content,我们就简单的在这里设置一个android:layout_weight1
    <TableLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3">
    
        <TableRow android:layout_weight="1">
        </TableRow>
    
        <TableRow android:layout_weight="1">
        </TableRow>
    
        <TableRow android:layout_weight="1">
        </TableRow>
    
        <TableRow android:layout_weight="1">
        </TableRow>
    
        <TableRow android:layout_weight="1">
        </TableRow>
    
    </TableLayout>

    键盘上的按钮可以使用Android SDK提供的Button控件,

    1. 通过android:text属性为每个Button设置需要显示的内容;
    2. 为它们各自的android:id取上对应的id名字;
    3. 每一行的Button还是按照相等的比例进行分配,android:layout_width设置成0dpandroid:layout_weight设置成1android:layout_height设置成match_parent
    4. 最后一行中的‘0’按钮,它要占据两列的宽度,我们可以将这个Button控件的android:layout_weight设置成2,就能让它能够占据2格的位置了;
    <TableLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3">
    
        <TableRow android:layout_weight="1">
            <Button android:id="@+id/btn_c" android:text="C"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_del" android:text="DEL"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_div" android:text="/"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
        </TableRow>
    
        <TableRow android:layout_weight="1">
            <Button android:id="@+id/btn_7" android:text="7"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_8" android:text="8"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_9" android:text="9"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
        </TableRow>
    
        <TableRow android:layout_weight="1">
            <Button android:id="@+id/btn_4" android:text="4"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_5" android:text="5"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_6" android:text="6"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
        </TableRow>
    
        <TableRow android:layout_weight="1">
            <Button android:id="@+id/btn_1" android:text="1"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_2" android:text="2"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_3" android:text="3"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
        </TableRow>
    
        <TableRow android:layout_weight="1">
            <Button android:id="@+id/btn_0" android:text="0"
                    android:layout_weight="2"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
            <Button android:id="@+id/btn_dot" android:text="."
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"/>
        </TableRow>
    
    </TableLayout>

    3.3.2 键盘右区域布局

    最后,我们将键盘右边区域的按钮添加上。

    1. Button竖直排列,就要将包裹它们的LinearLayout设置android:orientationvertical
    2. 这一列的Button还是按照相等的比例进行分配,所以android:layout_height设置成0dpandroid:layout_weight设置成1android:layout_width设置成match_parent
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">
    
        <Button android:id="@+id/btn_mul" android:text="*"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"/>
        <Button android:id="@+id/btn_sub" android:text="-"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"/>
        <Button android:id="@+id/btn_add" android:text="+"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"/>
        <Button android:id="@+id/btn_equ" android:text="="
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"/>
    
    </LinearLayout>

    至此,计算器的界面布局就完成了。


    /*******************************************************************/
    * 版权声明
    * 本教程只在CSDN安豆网发布,其他网站出现本教程均属侵权。

    *另外,我们还推出了Arduino智能硬件相关的教程,您可以在我们的网店跟我学Arduino编程中购买相关硬件。同时也感谢大家对我们这些码农的支持。

    *最后再次感谢各位读者对安豆的支持,谢谢:)
    /*******************************************************************/

    展开全文
  • import java.awt.*; import javax.swing.*; public class Frame界面 { public static void main(String[] args) { JFrame myJFramr = new JFrame("四则运算"); myJFramr.setSize(300, 200); ...
    package calculater1;
    
    import java.awt.*;
    import javax.swing.*;
    
    public class Frame界面 {
    	public static void main(String[] args) {
    		JFrame myJFramr = new JFrame("四则运算");
    		myJFramr.setSize(300, 200);
    		JPanel p1 = new JPanel();
    		JPanel p2 = new JPanel();
    
    		JLabel l1 = new JLabel("第一个数是:");
    		JLabel l2 = new JLabel("第二个数是:");
    		JLabel l3 = new JLabel("运算结果:");
    
    		JTextField f1 = new JTextField(5);
    		JTextField f2 = new JTextField(5);
    		JTextField f3 = new JTextField(5);
    
    		JButton b1 = new JButton("+");
    		JButton b2 = new JButton("-");
    		JButton b3 = new JButton("*");
    		JButton b4 = new JButton("/");
    
    		p1.setLayout(new GridLayout(3, 2, 5, 5));
    		p2.setLayout(new GridLayout(1, 4, 5, 2));
    
    		p1.add(l1);
    		p1.add(f1);
    
    		p1.add(l2);
    		p1.add(f2);
    
    		p1.add(l3);
    		p1.add(f3);
    
    		p2.add(b1);
    		p2.add(b2);
    		p2.add(b3);
    		p2.add(b4);
    
    		f3.setEditable(false);
    
    		myJFramr.add(p1, BorderLayout.CENTER);
    		myJFramr.add(p2, BorderLayout.SOUTH);
    		myJFramr.setVisible(true);
    
    	}
    
    }
    
    

    在这里插入图片描述

    展开全文
  • java计算器界面布局,供新手参考借鉴 java 计算器 一下小项目 源文件
  • java实现计算器界面

    2018-11-09 16:28:30
    通过java数组实现了计算器界面,可以通过自己的选择实现具体的逻辑操作
  • Java里面提供有Swing类用来编制图形界面,但是很多控件的编程比较复杂,各控件的用法也有自己的特点,按钮类文本框类密码框类标签类菜单类等等。个人感觉,计算器的编写还是比较简单,没有很多的控件,各种按键基本...

    今天尝试编制一个计算器。Java里面提供有Swing类用来编制图形界面,但是很多控件的编程比较复杂,各控件的用法也有自己的特点,按钮类文本框类密码框类标签类菜单类等等。个人感觉,计算器的编写还是比较简单,没有很多的控件,各种按键基本都是同一种类型Button类就可以,从空间的分布来看也是比较简单。
    对于计算器的各个字符按键,可以考虑用箱式布局,因为各个按键大小一致,分布均匀,适合箱式布局的操作,主要也是箱式布局比较简单。
    先创建一个水平箱,

    	Box hBox2 = Box.createHorizontalBox();  //创建一个水平箱
           
    

    将这一排的按键都添加到水平箱体里

    	hBox2.add(button7);
            hBox2.add(button8);
            hBox2.add(button9);
            hBox2.add(buttonMulti);  //乘号
    

    同样的操作,将所有计算器的按键都放在不同的水平箱里面,参考计算器的外观布局

    	Box hBox1 = Box.createHorizontalBox();
            hBox1.add(buttonCE);  //全部清除键
            hBox1.add(buttonC);  //删除键
            hBox1.add(buttonDel);  //退位键
            hBox1.add(buttonDiv);  //除号键
            
            Box hBox2 = Box.createHorizontalBox();
            hBox2.add(button7);
            hBox2.add(button8);
            hBox2.add(button9);
            hBox2.add(buttonMulti);  //乘号键
            
            Box hBox3 = Box.createHorizontalBox();
            hBox3.add(button4);
            hBox3.add(button5);
            hBox3.add(button6);
            hBox3.add(buttonMinus);  //减号键
            
            Box hBox4 = Box.createHorizontalBox();
            hBox4.add(button1);
            hBox4.add(button2);
            hBox4.add(button3);
            hBox4.add(buttonAdd);  //加号键
            
            Box hBox5 = Box.createHorizontalBox();
            hBox5.add(buttonBlock);  //空白键
            hBox5.add(button0);
            hBox5.add(buttonDot);  //小数点
            hBox5.add(buttonAmount);  //等于键
    

    在每行的键位都分布好后,将所有的水平箱加入到垂直箱里面,就可以完成计算器的键位配置

    	Box vBox = Box.createVerticalBox();
            vBox.add(hBox1);
            vBox.add(hBox2);
            vBox.add(hBox3);
            vBox.add(hBox4);
            vBox.add(hBox5);
    

    为了简化每个按键的创建代码,可以新建一个MyButton类,每个键位的监听响应和有关代码后面补充。

    class MyButton extends JButton{    
        public JButton myIcon( String filename ){
            JButton button = new JButton();
            button.setIcon( new ImageIcon(filename) );  //用图片取代默认显示
            button.setBorderPainted(false);    //对边框的显示进行设置
            button.setContentAreaFilled(true);
            
            return button;
        }
    }
    
    	JButton button1 = new MyButton().myIcon("1.png");
            JButton button2 = new MyButton().myIcon("2.png");
            JButton button3 = new MyButton().myIcon("3.png");
            JButton buttonAdd = new MyButton().myIcon("add.png");
    
    展开全文
  • 自己做的,提供了加、减、乘、除四个功能,当然你也可以自己再加一些功能,比如开方、平方什么的,采用的是简单工厂模式,里面也有抽象工厂模式的代码,不过因为我不懂反射所以就卡住了,呵呵,还请自行完善。...
  • 安卓案例:网格布局实现计算器界面一、网格布局(GridLayout)GridLayout布局使用虚细线将布局划分为行、列和单元格,也支持一个控件在行、列上都有交错排列。(一)继承关系图 (二)常用属性1、针对布局的属性(1)...
  • package java01; import java.awt.*; import java.awt.event.*; import javax.swing.*;... * 网格布局计算器 * @author Administrator * */ public class java005 { public static void ...
  • java计算器

    千次阅读 多人点赞 2016-07-23 15:59:02
    java计算器
  • Java 做的计算器界面

    2009-03-12 22:02:14
    Java写的计算器界面,可以运行。只是界面额。没有计算功能
  • 计算器界面可以分成两部分,即显示区和键盘区。显示区可以使用文本框组件,键盘区则是由很多按钮组成,可以使用网格布局管理器。详细的实现过程如下。 (1) 新建一个继承自 JFrame 的 CalculatorDemo 类。 (2) 为类.....
  • Java实现科学计算器界面设计 题目 打开你使用的微软公司 Windows 操作系统或 Linux 等其它操作系统中自带的“计算器”软件,观察和参照其界面和功能,实现一个接近其界面和功能的计算器(标准型或科学型)的界面。 ...
  • 计算器界面可以分成两部分,即显示区和键盘区。 显示区可以使用文本框组件, 键盘区则是由很多按钮组成, 可以使用网格布局管理器。 详细的实现过程如下。 (1) 新建一个继承自 JFrame 的 CalculatorDemo 类。 (2) 为...
  • Java实现简易计算器界面设计 题目 界面要求基本如左图所示。其中界面设计时的顶层容器要求使用 JFrame(或 Frame),界面上的“简易计算器”、“运算数一”、“运算数二”、“运算结果”这些提示标签使用组件 JLabel...
  • Java 计算器 采用gridbaglayout布局实现的界面布局
  • Java 计算器 源码

    2011-05-08 22:40:21
    Java 计算器 源码,实现简单的运算,是Java的GUI编程的入门经典实例。涉及到了基本的界面布局,事件监听和处理等基本知识,新手好好利用它,加油!
  • java计算器代码

    2013-06-06 16:05:22
    java计算器代码.基于java swing 做的一个小的java代码。网格式布局界面效果好!
  • Java计算器

    千次阅读 2019-04-09 20:24:00
    计算器 实现的功能效果: 1、界面 按钮、输出框、背景图 2、计算 加、减、乘、除、清零 知识点: 1、绘制窗体,设置窗体标题、大小,固定窗体大小、位置,设置关闭方式、窗体可见 2、从电脑本地导入图片并绘制到窗体...
  • java计算器页面设计

    2019-11-10 19:52:43
    今天学习了Java的GUI图形界面,并实现了如下图所示的复杂计算器界面的设计,在设计算器界面的整个过程中遇到了不少小问题,值得注意和总结。 由于计算器界面较复杂,按键较多,因此需要用到面板的嵌套,但是面板为二...
  • java计算器.zip

    2020-07-17 09:03:54
    java计算器 加减乘除 .该程序实现带有优先级的数学运算,支持的运算包括加、减、乘、除、乘方、开方运算,并支持括号操作三、功能介绍: 符合基本计算器的优先级运算,支持加、减、乘、除、乘方、开方运算。 GUI图形...
  • 此软件能实现最基本的加减乘除运算,采用java的图形化设计来实现的
  • java swing练手小项目,带有登录界面的简易计算器的实现。 程序运行效果如下: 这是登录界面: 这是主界面: 提示:以下是本篇文章正文内容,下面案例可供参考 一、知识点介绍: 本项目主要用到了java swing图形...
  • java计算器 图形用户界面 升级版

    千次阅读 2014-04-24 11:42:47
    package com.rgy.entity; import java.awt.BorderLayout; import java.awt.Button; import java.awt.Color; import java.awt.Font; import java.awt.Frame; import java.awt.GridLayout; import java.awt.Panel; i

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,197
精华内容 1,678
关键字:

java计算器界面布局

java 订阅