2009-07-25 16 views
6

मैं एक टच स्क्रीन आवेदन (नहीं एक वेब एप्लिकेशन) उपयोगकर्ताओं के लिए छवियों के समूह को पेश करने की जरूरत है कि ड्राइविंग करने जा रहा हूँ। इच्छा पृष्ठ की अगली/पिछड़ी क्षमता वाले 3x3 ग्रिड छवियों को प्रस्तुत करना है। वे कुछ चुन सकते हैं और मैं केवल उन छवियों को प्रस्तुत करूंगा।WPF छवि गैलरी

मुझे नहीं लगता कि ListView जो कुछ मैं चाहता हूं (हालांकि डब्ल्यूपीएफ इतना बड़ा है कि मैं कुछ स्पष्ट याद कर सकता हूं!)। मैं Grid और ग्रिड पदों में सामग्री छवियों को स्थापित कर सकता था। लेकिन मैं कुछ अच्छे, अधिक स्वचालित, कम क्रूर बल की उम्मीद कर रहा था। कोई विचार या पॉइंटर्स?

उत्तर

7

आप एक ItemsControl/ListBox का उपयोग और उसके बाद करना चाह सकते हैं अपने ItemsPanel के रूप में एक 3x3 प्रदर्शन एक उचित WPF bindable समाधान प्राप्त करने के लिए के लिए एक UniformGrid पैनल की स्थापना की।

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled"> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
     <UniformGrid Rows="3" Columns="3"/> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
    <Image Source="Images\img1.jpg" Width="100"/> 
    <Image Source="Images\img2.jpg" Width="50"/> 
    <Image Source="Images\img3.jpg" Width="200"/> 
    <Image Source="Images\img4.jpg" Width="75"/> 
    <Image Source="Images\img5.jpg" Width="125"/> 
    <Image Source="Images\img6.jpg" Width="100"/> 
    <Image Source="Images\img7.jpg" Width="50"/> 
    <Image Source="Images\img8.jpg" Width="50"/> 
    <Image Source="Images\img9.jpg" Width="50"/> 
</ListBox> 

यदि आप यहां एक गतिशील समाधान की तलाश में हैं तो आपको छवियों के अपने संग्रह को बाध्यकारी के रूप में सेट करने की आवश्यकता है। लेकिन सवाल सही जवाब देने के लिए बहुत व्यापक है।

3

आप सरल ListBox नियंत्रण का उपयोग कर सकते हैं और ItemsPanel टेम्पलेट को कस्टमाइज़ कर सकते हैं और इसमें WrapPanel जोड़ सकते हैं। WrapPanel एक क्षैतिज टाइलिंग लेआउट, जहां आप उसकी अधिकतम चौड़ाई एक पंक्ति में 3 आइटम शामिल करने के लिए सेट कर सकते हैं में आइटम डालता है और जब तक पिछले एक भरता है यह 3 मदों के लिए अधिक पंक्तियों का निर्माण करेगा।

5

मुझे पता है कि यह एक बहुत पुराना सवाल है, लेकिन क्योंकि यह पेज गूगल पर पहले पृष्ठ में है और इस लिंक किसी के लिए उपयोगी हो सकता है मैं जवाब दे रहा हूँ।

WPF Photo Viewer Demo

स्क्रीनशॉट: Screenshot

संबंधित मुद्दे