2009-09-21 12 views
19

मैं जीडब्ल्यूटी बटन में छवि कैसे जोड़ूं या छवि जोड़ने के लिए मैं मोज़ेक के बटन का उपयोग कैसे करूं। मैं अपने कोड में THIS उदाहरण का उपयोग करने का तरीका नहीं समझ सकता। मुझे कौन सी लाइब्रेरी जोड़ने की ज़रूरत है। मेरे पास मेरी परियोजना में मोज़ेक लाइब्रेरी है और मैं इसका उपयोग कर सकता हूं लेकिन उदाहरण के लिए उनके पास काम नहीं है।जीडब्ल्यूटी बटन में छवि

PushButton pushButton = new PushButton(new Image("test.png")); 
+0

आपने किस कोड का प्रयास किया है, और परिणाम क्या है? – CPerkins

+0

यदि आप छवि और टेक्स्ट चाहते हैं तो शायद मैंने जो भी आप चाहते हैं उसे बनाया है। मैंने इस SO प्रश्न पर एक पोस्ट लिखा: http://stackoverflow.com/questions/1853042/creating-custom-button-in-gwt/2449019#2449019 – Juri

+0

जीडब्ल्यूटीई का नमूना नमूना: http://gwt.googleusercontent.com/ नमूने/शोकेस/Showcase.html #! CwCustomButton –

उत्तर

26

आप सिर्फ एक सामान्य GWT बटन के लिए एक छवि को जोड़ने के लिए चाहते हैं, तो PushButton जाने का रास्ता है।

Button editRow = new Button("Edit Row"); 
editRow.setHTML(("<img border='0' src='rowEdit.Png' />"); 

मैं पाया है पुशबटन इसकी एक्स गणना के साथ एक समस्या है प्रतीत होता है, वाई सही ढंग से क्लिक बिंदु है, जो सामान्य बटन नहीं है।

4

वैकल्पिक रूप से, आप इस विधि:

धन्यवाद

23

पुशबटन समान व्यवहार नहीं है, और आप अपने आप को एक चित्र टैग बनाकर की तुलना में एक खूबसूरत समाधान है:

Image img = new Image("whatever.jpg"); 
Button button = new Button(); 
button.getElement().appendChild(img.getElement()); 
1

के रूप में बटन के अंदर एचटीएमएल img टैग बस सेट:

Button btn = new Button("<img src='image.png'/>"); 
2

बस छवि में सीएसएस और शैली का उपयोग करें। इस तरह से कुछ बटन को टेक्स्ट टेक्स्ट से पहले प्रकट करना चाहिए:

background-image: url("/yourimage.png"); 
background-repeat: no-repeat; 
height: 20px; 
width:  20px; 
संबंधित मुद्दे