एंड्रॉइड कैनवास

Question

में बिटमैप के साथ-साथ घूर्णन, अनुवाद, और स्केलिंग मैं एक तस्वीर दिखाने की कोशिश कर रहा हूं, जिसे ज़ूम और पैन किया जा सकता है, और यह एक कंपास पढ़ने के साथ घूमता है। नीचे दिए गए कोड के साथ, सभी तीन कार्य एक तरह का काम करते हैं, लेकिन वे एक-दूसरे को प्रभावित करते हैं।
1. घुमाएँ स्क्रीन के केंद्र के चारों ओर
2. स्केल केंद्र में चित्र के एक ही हिस्से छोड़ने
3. पैन चित्र में वांछित जगह पर:

यहाँ मैं क्या हासिल करना चाहते है

यहाँ क्या वास्तव में नीचे दिए गए कोड के साथ हो रहा है: के रूप में इरादा
1. रोटेशन काम करता है, स्क्रीन
2. स्केलिंग कार्यों के केंद्र के चारों ओर है, लेकिन यह तस्वीर का केंद्र के चारों ओर मापता
3. अनुवाद केवल तभी angle शून्य है इरादा के रूप में है, अन्यथा यह एक गलत दिशा

// the center of the view port 
float centerX = screen.right/2; 
float centerY = screen.bottom/2; 

Matrix m = new Matrix(); 
m.preRotate(angle, centerX, centerY); 
m.preScale(mScaleFactor, mScaleFactor, centerX, centerY); 

// scaling the amount of translation, 
// rotating the translation here gave crazy results 
float x = mPosX/mScaleFactor; 
float y = mPosY/mScaleFactor; 
m.preTranslate(x, y); 

canvas.drawBitmap(pic, m, null); 

में आगे बढ़ रहा है, तो मैं पहली बार का अनुवाद, और बाद में बारी बारी से काम करता है, अनुवाद के रूप में इरादा काम करता है लेकिन रोटेशन के केंद्र के चारों ओर नहीं है दृश्य पोर्ट अब और।

मैं तीनों परिवर्तनों को कैसे लागू कर सकता हूं, उनके बिना एक दूसरे को प्रभावित कर सकता हूं?

Answer 1

मुझे छवि के केंद्र के चारों ओर स्केलिंग के बारे में निश्चित नहीं है, लेकिन अनुवाद के लिए गलत दिशा में होने के कारण यह छवि को घूर्णन करने के परिणामस्वरूप नहीं बल्कि अनुवादों के परिणामस्वरूप है?

float x = (mPosX*(cos(angle) + sin(angle))/mScaleFactor; 
float y = (mPosY*(cos(angle) - sin(angle))/mScaleFactor; 
m.preTranslate(x, y); 

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

affine परिवर्तन कुछ इस तरह दिख सकता है:

M = |mScaleFactor*cos(angle)  sin(angle)   x| 
    |  -sin(angle)   mScaleFactor*cos(angle) y| 
    |   0       0    1| 

लेकिन इस छवि के कोने के चारों ओर घूमने ताकि आप तो जैसे पहले preTranslate() फ़ंक्शन का उपयोग करने की आवश्यकता होगी:

Mt.preTranslate(-centerX,-centerY); 

और एम को लागू करने से पहले तस्वीर को लागू करने के लिए लागू करें और उसके बाद आपको आवेदन करने की आवश्यकता के बाद -0t