2012-11-05 16 views
9

मेरे पास गेम है जिसके लिए मोबाइल के स्पर्श कीबोर्ड के इनपुट की आवश्यकता होती है। इसके डिस्प्ले में समस्या होती है, जब भी कीबोर्ड टेक्स्ट इनपुट फ़ोकस पर दिखाई देता है, तो मेरा सभी तत्व जो स्थिति: पूर्ण सभी गड़बड़ हो जाता है।कीबोर्ड दिखाया गया तत्वों की स्थिति

क्या कोई प्लगइन है जो मोबाइल कीबोर्ड को हमेशा प्रदर्शित करने में सक्षम बनाता है ताकि मैं सभी तत्वों को फिर से स्थापित कर सकूं या मुझे तत्व बनाने के लिए सीएसएस को बदलने की आवश्यकता है ताकि कुंजीपटल दिखाई देने पर गड़बड़ न हो?

मुझे इसे कैसे कार्यान्वित करना चाहिए?

यह तत्व सीएसएस में से एक है:

#mixer{ 
    position: absolute; 
    bottom:29%; 
    left:25%; 
    width: 234px; 
    height: 210px; 
    background: transparent url(img/mixer.png) 0 50px no-repeat; 
} 

enter image description here

नोट: मैं jQuery के मोबाइल, phonegap उपयोग कर रहा हूँ एंड्रॉयड पर्यावरण पर।

+0

क्या आप कुछ और जानकारी प्रदान कर सकते हैं? एचटीएमएल और संबंधित शैली की तरह। –

उत्तर

18

अपने AndroidManifest.xml में, कीबोर्ड के साथ गतिविधि के तहत निम्न पंक्ति जोड़ें:

android:windowSoftInputMode="adjustNothing"

1

मुझे लगता है कि आपकी समस्या आपकी निचली विशेषता के साथ "इस मामले में" 2 9% पर सेट है। आप इसे नीचे के बजाय TOP के साथ पूर्ण के रूप में सेट करना चाहते हैं।

इस तरह से यह कुंजीपैड में, नीचे देखने की बजाय शीर्ष से धक्का दे रहा है।

तो आप इसे 2 9% नीचे चाहते हैं, 100 - 2 9 = 71 नीचे 2 9% निकालें और इसे 71% तक बदलें।

+0

यह अभी भी मेरे तत्वों को बदलता है –

+0

मुझे विश्वास है कि आपको इसे निश्चित स्थिति प्राप्त करने के लिए पिक्सेल में निर्दिष्ट करना होगा, अन्यथा यह उत्तर सही होना चाहिए। – enzipher

1

सॉफ़्टकीबोर्ड घटनाओं को दिखाने/छिपाने के लिए सुनो।

Softkeyboard event Listener in Android

जब Softkeyboard दिखाया अवस्था में है, अपने खेल के लिए एक अलग 'कुंजीपटल-है-दिखाया' सीएसएस का उपयोग करें: इतने पर यह जवाब एक कोड उदाहरण है। जब सॉफ़्टकीबोर्ड छुपाया जाता है, तो पिछले 'कीबोर्ड-बंद-बंद' सीएसएस पर वापस लौटें।

यह पिछले क्यू & एक इसी तरह की स्थिति के साथ अतः सौदों पर:

phonegap application layout issue with soft keyboard in Android 2.3.6 and in iPhone 5.0

1

मैं एंड्रॉइड की बजाय एक आईपैड ऐप पर इसमें भाग गया, लेकिन यह एक ही समस्या की तरह दिखता है।

jQuery मोबाइल जावास्क्रिप्ट के साथ पेज ऊंचाई को सेट करता है जब आकार बदलता है - पेज के निचले हिस्से में गठबंधन किया गया कुछ भी एचटीएमएल में ले जाया जाता है, साथ ही ओएस इनपुट की पिछली स्थिति को रखने के लिए पूरे दृश्य को स्क्रॉल करता है दिखाई।

मैंने कुछ सीएसएस के साथ इस मुद्दे को ठीक किया है जो ब्राउज़र को ऊंचाई सेटिंग को अनदेखा करता है। यह अभिविन्यास को बहुत आसान बनाता है।

.ui-mobile, .ui-mobile .ui-page { 
    min-height: 100% !important; 
    } 
1

चेक बाहर इन links-

http://android-developers.blogspot.in/2009/04/updating-applications-for-on-screen.html

http://developer.android.com/reference/android/R.attr.html#windowSoftInputMode

कोशिश प्रकट एंड्रॉयड में जोड़ने: अपनी गतिविधि के टैग से windowSoftInputMode = "adjustResize" पैरामीटर।

उम्मीद है कि यह मदद करता है।