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);//繪制圖片
}
}