extjspanel背景图片

Ⅰ java中swing界面上怎么给jpanel上添加背景图片

//重写JPanel的这个方法就可以了
@Override
publicvoidpaintComponent(Graphicsgs){
Graphics2Dg=(Graphics2D)gs;
super.paintComponent(g);
//画背景图片
Imageimage=Toolkit.getDefaultToolkit().getImage(getClass().getResource(imgPath));
g.drawImage(image,0,0,width,height,this);
}

一个完整的代码:

packagetest;

importjava.awt.Graphics;
importjava.awt.Image;
importjava.net.URL;

importjavax.swing.ImageIcon;
importjavax.swing.JFrame;
importjavax.swing.JPanel;

//为窗口添加背景图片
publicclassJFrameBackground{

	privateJFrameframe=newJFrame("带背景图片的JFrame");
	privateJPanelimagePanel;
	privateImageIconbackgroundimg;

	publicJFrameBackground(){

		imagePanel=newJPanel(){
			@Override
			protectedvoidpaintComponent(Graphicsg){
				super.paintComponent(g);
				URLlocation=this.getClass().getResource("grapes.gif");
				backgroundimg=newImageIcon(location);
				Imageimg=backgroundimg.getImage();
				g.drawImage(img,0,0,backgroundimg.getIconWidth(),
						backgroundimg.getIconHeight(),
						backgroundimg.getImageObserver());
				frame.setSize(backgroundimg.getIconWidth(),
						backgroundimg.getIconHeight());
			}

		};

		frame.add(imagePanel);
		frame.setVisible(true);
		frame.pack();
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}

	publicstaticvoidmain(String[]args){
		newJFrameBackground();
	}
}

这是运行的一个截图:

参考网址:

http://www.linuxidc.com/Linux/2011-08/41689.htm 两种设置背景的方法

http://blog.csdn.net/one_and_only4711/article/details/6594770 动态改变背景大小

Ⅱ Extjs怎样用图片填充整个Panel

不知道你的填充是如何填充，不过一般panel中放图片的话可以这样写：
var panel = new Ext.Panel({
id:"panel",
html:'<img src="xxx/xxx.jpg"></img>'
});
接下来如果想让图片拉伸布满整个panel只要在<img>设置好width,height就行

Ⅲ extjs中怎样为一个panel设置背景色

是这样设置 bodyStyle: 'background:#ffc; padding:10px;',
var resultsPanel = Ext.create('Ext.panel.Panel', {
title: 'Results',
width: 600,
height: 400,
renderTo: Ext.getBody(),
bodyStyle: 'background:#ffc; padding:10px;',
layout: {
type: 'vbox', // Arrange child items vertically
align: 'stretch', // Each takes up full width
padding: 5
},
items: [{ // Results grid specified as a config object with an xtype of 'grid'
xtype: 'grid',
columns: [{header: 'Column One'}], // One header just for show. There's no data,
store: Ext.create('Ext.data.ArrayStore', {}), // A mmy empty data store
flex: 1 // Use 1/3 of Container's height (hint to Box layout)
}, {
xtype: 'splitter' // A splitter between the two child items
}, { // Details Panel specified as a config object (no xtype defaults to 'panel').
title: 'Details',
bodyPadding: 10,
items: [{
fieldLabel: 'Data item',
xtype: 'textfield'
}], // An array of form fields
flex: 2 // Use 2/3 of Container's height (hint to Box layout)
}]
});

Ⅳ Extjs panel怎么显示一行多列如下图所示

用extjs布局来实现这个样式。

给你讲下extjs的布局。

FormPanel有两种布局：和column，form是纵向布局，column为横向布局。默认为后者。使用layout属性定义布局类型。对于一个复杂的布局表单，最重要的是正确分割，分割结果直接决定布局能否顺利实现。

布局其实是由行和列组件成，分成由左往右和由上往下两个方向，由左往右叫column，由上往下叫form。
整个大的表单是form布局。

好了 来讲你这个布局怎么实现。

整体是右上往下布局，是form布局，然后看每一行，里面都是两个元素，他就是column布局，colunm布局里面，每个都是一个元素，默认是form布局。

代码

varform=newExt.form.FormPanel({
title:"布局表单",
width:650,
autoHeight:true,
frame:true,
renderTo:"a",
layout:"form",//整个大的表单是form布局
labelWidth:65,
labelAlign:"right",
items:[{//行1
layout:"column",
items:[{
columnWidth:.5,
layout:"form",
items:[{
xtype:"textfield",
fieldLabel:"第1行第1个",
width:220
}]
},{
columnWidth:.5,
layout:"form",
items:[{
xtype:"textfield",
fieldLabel:"第1行第2个",
width:220
}]
}]
},{
columnWidth:.5,
layout:"form",
items:[{
xtype:"textfield",
fieldLabel:"第2行第1个",
width:220
}]
},{
columnWidth:.5,
layout:"form",
items:[{
xtype:"textfield",
fieldLabel:"第2行第2个",
width:220
}]
}]
}],
buttonAlign:"center",
buttons:[{
text:"提交"
},{
text:"重置"
}]
});
});

Ⅳ extjs中如何显示图片列表

EXTJS中显示图片方法
userInfoForm.superclass.constructor.call(this, {
bodyStyle: 'padding:10px 10px 10px',
width:250,
region:'west',
closeAction:'true',
title:'个人信息',
buttonAlign:'center',
items:[
{xtype:'panel',
width : 200,
Height : 160,
border:false,
html:'<img src="qing.jpg">'}, 可以显示
{xtype : 'textfield',
fieldLabel : '个人照片',
width : 150,
Height : 180,
inputType : 'image',
fieldLabel :'笑脸豆豆<font color=red>*</font>',
anchor:'97%',
listeners : { // 该项被载入时加载照片
'render' : function(_filed) {
_filed.getEl().dom.src = "qing.jpg";//这里图片的路径可以预先从store中读取，赋给变量然后给它
} //动态显示图片
}
},{

xtype : 'box',
id : 'browseImage',
fieldLabel : "用户头像",
autoEl : {
width : 300,
height : 350,
tag : 'img',
// type : 'image',
src : Ext.BLANK_IMAGE_URL,
style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);',
complete : 'off',
id : 'imageBrowse'
}
}
]
});
}
Ext.extend(userInfoForm ,Ext.form.FormPanel,{
});

Ⅵ Java swing 窗体如何设置背景图片

可以使用jlabel设置图片，也可以使用panel来设置图片，例如：
class MyPanelkLogin extends JPanel {
/**
* 自定义JPanel
*/
private static final long serialVersionUID = 1L;

@Override
public void paintComponent(Graphics g) { /* 重绘函数 */
Graphics2D g2 = (Graphics2D) g;
super.paintComponent(g);
// String directory = ".//images//background3.jpg";
URL imgURL = this.getClass().getResource("/images/background2.png");
// this.getClass().getClassLoader().getResource(directory);
Image img = Toolkit.getDefaultToolkit().getImage(imgURL);
// Image img = Toolkit.getDefaultToolkit().getImage(this.getClass().getClassLoader().getResource(directory));
// // 在面板上绘制背景图片/////////
g2.drawImage(img, 0, 0, this.getWidth(), this.getHeight(), this);
}
}

然后使用JPanel myjpanel = new MyPanelkLogin();创建一个panel对象就可以实现带背景图片的窗体了

Ⅶ Extjs grid列里怎么显示图片

Ext.onReady(function(){
varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer(),{
header:'编号',
dataIndex:'id',
sortable:true
},{
header:'性别',
dataIndex:'sex',
renderer:function(value){
if(value=='male'){
return"<spanstyle='color:green;font-weight:bold;'>绿男</span><imgsrc='user_male.gif'/>";
}else{
return"<spanstyle='color:red;font-weight:bold;'>红女</span><imgsrc='user_female.gif'/>";
}
},
sortable:true
},{
header:'名称',
dataIndex:'name',
align:"center",
sortable:true
}]);
vardata=[['1','male','name1','descn1'],
['2','female','name2','descn2'],
['3','male','name3','descn3'],
['4','female','name4','descn4'],
['5','male','name5','descn5'],
['6','female','name6','descn6']];
vards=newExt.data.Store({
proxy:newExt.data.MemoryProxy(data),
reader:newExt.data.ArrayReader({},[
{
name:'id'
},//{name:'id',mapping:1},
{
name:'sex'
},{
name:'name'
},{
name:'descn'
}])
});
ds.load();
vargrid=newExt.grid.GridPanel({
title:'GridPanel',
id:'view_grid',
renderTo:'grid',
ds:ds,
cm:cm,
width:400,
autoHeight:true,
autoWidth:true,
enableColumnMove:false,
autoSizeColumns:true,//根据每一列内容的宽度自适应列的大小
trackMouseOver:true,//鼠标移动时高亮显示
frame:true,
selModel:newExt.grid.RowSelectionModel({
singleSelect:true
}),
iconCls:'icon-grid'
});
});

如图所示，图片是绿色和红色的人，根据值，判断显示什么颜色的。你可以改成根据0或1显示或不显示图片。

Ⅷ java怎么给窗体或者面板设置背景图片

1 利用标签组件来设置
标签本来是一种最简单的组件,为什么可以将它设置成为一个窗体的背景呢?首先还是要了解框架JFrame中的层次结构。JFrame中的层次分布及相对关系是:最底层是JRootPane,第二层是JlayerPane,最上层就是ContentPane,也正是我们常说的内容面板。所以一般我们拖放的控件就是在ContentPane层上。也就是说我们只需将背景图片放在JFrame的第二层是JlayerPane上,再把内容面板ContentPane设置为透明,则第二层JlayerPane上放置的图片即成为内容面板的背景了。具体代码如下:
JPanelpnlMain=new JPanel(); //创建面板pnlMain。
getContentPane().add(pnlMain); //将pnlMain设置为主面板。
Iconi=new ImageIcon("背景.jpg"); /*用源图片“背景.jpg”构造一个ImageIcon对象i,需要注意如果图片的路径使用的是相对路径,则图片文件必须放在类文件所在文件夹或项目的根文件夹中,否则图片的路径必须用绝对路径。*/
JLabellblLogo = new JLabel(i); //用指定的图片构造标签对象lb
this.getLayeredPane().add(lb, new Integer(Integer.MIN_VALUE));
//把标签放在第二层JlayerPane上。
lb.setBounds(0, 0,ii.getIconWidth(),i.getIconHeight());
//设置标签的尺寸,即背景图象的大小。
getConentPane().setOpaque(false); /*把内容面板设置为透明,这样整个框架的背景就不再是内容面板的背景色,而是第二层中标签的图像。*/
pnlMain.add(lb); //将标签添加到主面板pnlMain中。
用标签组件JLabel来设置窗体背景,其扩展性上比较差,且在标签上不能放置其他组件,比如:在放置一个JButton,整个布局背景图就错乱。导致这种现象是因为Java加载组件是有顺序的,作为背景的JLabel的代码一定要放在全部组件代码的最后,这样JLabel的背景图片才不会被其他组件遮住,从而使整个布局背景错乱。所以采用这种方式来设置窗体背景有很大的局限性。因此最好是采用以下方式来设置窗体背景。
2 通过JPanel面板来设置窗体背景
JPanel面板是Java中的容器之一。而Java中的容器是没有背景图片的属性的,它们只有背景颜色,如果需要在JPanel面板上设置窗体背景,就需要重写paintComponent(Graphics g)方法,即把所要设置的背景图片画上作为JPanel面板的背景。具体实现如下:
首先定义一个JPanel的子类BjPanel,由于JPanel的构造方法不能添加图像,因此在创建此子类的时候先用getImage载入一幅背景图片,在重写paintComponent(Graphics g)方法时,利用drawImage方法将其逐渐绘制到屏幕上,并将该面板添加到框架中,最后将该面板设置为透明。其代码如下:
import java.awt.*;
import javax.swing.*;
public class bkground
{
public static void main(String args[])
{
BjFramef=newBjFrame();
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.setVisible(true);
}
}
class BjFrame extends JFrame
{
public BjFrame()
{
setSize(WTH,HHT);
BjPanel pl=new BjPanel();
Container contentPane=getContentPane();
contentPane.add(pl);
pl. setOpaque(true);
}
public static final int WTH=300;
public static final int HHT=200;
}
class BjPanel extends JPanel
{
Image im;
public BjPanel()
{
im=Toolkit.getDefaultToolkit().getImage("背景.jpg");//需要注意的是如果用相对路径载入图片,则图片文件必须放在类文件所在文件夹或项目的根文件夹中,否则必须用绝对路径。
}
public void paintComponent(Graphics g)
{
super.paintComponent(g);
int imWidth=image.getWidth(this);
Int imHeight=image.getHeight(this); //定义图片的宽度、高度
int FWidth=getWidth();
int FHeight=getHeight();//定义窗口的宽度、高度
int x=(FWidth-imWidth)/2;
int y=(FHeight-imHeight)/2;//计算图片的坐标,使图片显示在窗口正中间
g.drawImage(image,x,y,null);//绘制图片
}
}