সংক্ষিপ্ত উত্তর
ফ্রেম = পিতামাতার ভিউ এর সমন্বিত সিস্টেমটি ব্যবহার করে একটি দর্শনীয় অবস্থান এবং আকার
- এর জন্য গুরুত্বপূর্ণ: পিতামাতার মধ্যে ভিউ স্থাপন করা
সীমানা = তার নিজস্ব সমন্বয় ব্যবস্থা ব্যবহার করে একটি দর্শনের অবস্থান এবং আকার
- এর জন্য গুরুত্বপূর্ণ: ভিউয়ের সামগ্রী বা সাবভিউগুলি নিজের মধ্যে রাখা
বিস্তারিত উত্তর
সাহায্যের আমাকে স্মরণ করার জন্য ফ্রেম , আমি মনে একটি দেয়ালে একটি ছবি ফ্রেম । ছবির ফ্রেম একটি দেখার সীমানার মতো। আমি দেয়ালে যেখানেই ছবিটি স্থির রাখতে পারি। একইভাবে, আমি প্যারেন্ট ভিউয়ের (যেখানে একটি সুপারভিউ নামেও পরিচিত) অভ্যন্তরে যে কোনও জায়গা চাই put পিতামাতার মতামতটি দেওয়ালের মতো। আইওএসের স্থানাঙ্ক ব্যবস্থার উত্সটি বাম দিকে is আমরা ভিউ ফ্রেমের xy স্থানাঙ্ক (0, 0) এ সেট করে সুপারভাইজারের উত্সে আমাদের দৃষ্টিভঙ্গি রাখতে পারি, যা দেওয়ালের একেবারে উপরের অংশে আমাদের ছবিটি ঝুলানোর মতো। এটিকে ডানদিকে সরানো, এক্স বাড়ান, এটিকে নীচে সরানোর জন্য y বৃদ্ধি করুন।
সীমানা স্মরণে রাখতে আমাকে সাহায্য করার জন্য , আমি একটি বাস্কেটবল কোর্টের কথা ভাবি যেখানে কখনও কখনও বাস্কেটবলের সীমা ছাড়িয়ে যায় । আপনি পুরো বাস্কেটবল কোর্ট জুড়ে বলটি ড্রিবল করছেন, তবে আদালত নিজেই কোথায় আছেন তা আপনার সত্যিই যত্ন নেই। এটি কোনও জিমের বাইরে বা বাইরে একটি উচ্চ বিদ্যালয়ে বা আপনার বাড়ির সামনে হতে পারে। এটা কোন ব্যাপার না। আপনি কেবল বাস্কেটবল খেলতে চান একইভাবে, কোনও দৃশ্যের সীমাবদ্ধকরণের জন্য সমন্বিত সিস্টেমটি কেবলমাত্র নিজের দৃষ্টিভঙ্গির যত্ন করে। প্যারেন্ট ভিউতে ভিউটি কোথায় রয়েছে সে সম্পর্কে এটি কিছুই জানে না। সীমাগুলির উত্স (বিন্দু (0, 0) ডিফল্টরূপে) ভিউয়ের শীর্ষ বাম কোণে। এই দৃষ্টিভঙ্গিটির যে কোনও সংক্ষিপ্তসার এই পয়েন্টের সাথে সম্পর্কিত। এটি বাস্কেটবলকে কোর্টের সামনের বাম কোণে নিয়ে যাওয়ার মতো।
আপনি ফ্রেম এবং সীমা তুলনা করার চেষ্টা করার সময় এখন বিভ্রান্তি আসে। যদিও এটি প্রথমে দেখে মনে হচ্ছে ততটা খারাপ নয়। আমাদের বুঝতে সহায়তা করতে কয়েকটি ছবি ব্যবহার করুন।
ফ্রেম বনাম বাউন্ডস
বাম দিকে প্রথম ছবিতে আমাদের একটি ভিউ রয়েছে যা এর প্যারেন্ট ভিউয়ের উপরের বামে অবস্থিত। হলুদ আয়তক্ষেত্রটি দেখার ফ্রেমের প্রতিনিধিত্ব করে। ডানদিকে আমরা আবার দৃশ্যটি দেখতে পেলাম কিন্তু এবার পিতামাতার ভিউটি প্রদর্শিত হবে না। কারণ সীমানা পিতামাতার ভিউ সম্পর্কে জানে না। সবুজ আয়তক্ষেত্রটি দেখার সীমাটি উপস্থাপন করে। লাল বিন্দু উভয় চিত্র উপস্থাপন করে মূল ফ্রেম বা সীমার।
Frame
origin = (0, 0)
width = 80
height = 130
Bounds
origin = (0, 0)
width = 80
height = 130
সুতরাং ফ্রেম এবং সীমানা ছবিতে ঠিক একই ছিল। আসুন একটি উদাহরণটি দেখুন যেখানে তারা আলাদা।
Frame
origin = (40, 60) // That is, x=40 and y=60
width = 80
height = 130
Bounds
origin = (0, 0)
width = 80
height = 130
সুতরাং আপনি দেখতে পারেন যে ফ্রেমের xy স্থানাঙ্ক পরিবর্তন করা এটি প্যারেন্ট ভিউতে সরিয়ে নিয়েছে। তবে নিজের দেখার বিষয়বস্তুটি এখনও ঠিক একইরকম দেখাচ্ছে। সীমানা কোন ধারণা যে কোন পৃথক আছে।
এখন পর্যন্ত ফ্রেম এবং সীমানা উভয়ের প্রস্থ এবং উচ্চতা হুবহু একই ছিল। যদিও এটি সর্বদা সত্য নয়। যদি আমরা 20 ডিগ্রি ঘড়ির কাঁটার দিকে ঘোরাই তবে কী হবে দেখুন। (রোটেশন ট্রান্সফর্ম ব্যবহার করে করা হয় more আরও তথ্যের জন্য ডকুমেন্টেশন এবং এই ভিউ এবং স্তর উদাহরণগুলি দেখুন))
Frame
origin = (20, 52) // These are just rough estimates.
width = 118
height = 187
Bounds
origin = (0, 0)
width = 80
height = 130
আপনি দেখতে পাচ্ছেন যে সীমাগুলি এখনও একইরকম। তারা এখনও কিছুই জানে না! যদিও ফ্রেমের মানগুলি সমস্ত পরিবর্তিত হয়েছে।
ফ্রেম এবং সীমার মধ্যে পার্থক্যটি দেখতে এখন একটু সহজ, তাই না? আপনি সম্ভবত ফ্রেম এবং সীমানা বোঝেন না নিবন্ধটি একটি ভিউ ফ্রেম হিসাবে সংজ্ঞায়িত করে
... তার দৃষ্টিভঙ্গির মধ্যে সবচেয়ে ছোট বাউন্ডিং বাক্সটি তার পিতামাতার সাথে সমন্বয় ব্যবস্থা সম্পর্কিত দৃষ্টিভঙ্গি, সেই দৃশ্যে প্রয়োগ হওয়া কোনও রূপান্তর সহ।
এটি লক্ষণীয় যে আপনি যদি কোনও দৃশ্যের রূপান্তর করেন তবে ফ্রেমটি সংজ্ঞায়িত হয়ে যায়। সুতরাং প্রকৃতপক্ষে, উপরের চিত্রটিতে ঘোরানো সবুজ সীমানার চারপাশে আমি যে হলুদ ফ্রেমটি আঁকলাম তা আসলে উপস্থিত নেই। এর অর্থ আপনি যদি ঘোরান, স্কেল করেন বা অন্য কোনও রূপান্তর করেন তবে আপনার আর ফ্রেমের মান ব্যবহার করা উচিত নয়। আপনি এখনও সীমা মান ব্যবহার করতে পারেন, যদিও। অ্যাপল ডক্স সতর্ক করে দিয়েছে:
গুরুত্বপূর্ণ: যদি কোনও দৃশ্যের transformসম্পত্তিতে পরিচয় রূপান্তর না থাকে তবে সেই দৃশ্যের ফ্রেমটি অপরিজ্ঞাত হয় এবং তাই এর স্বতঃবৃত্তিমূলক আচরণের ফলাফল are
বরং অটোরিসাইজিংয়ের জন্য দুর্ভাগ্য .... যদিও আপনি কিছু করতে পারেন তবে।
অ্যাপল ডক্স স্টেট:
transformআপনার দর্শনটির সম্পত্তি পরিবর্তন করার সময় , সমস্ত রূপান্তরগুলি ভিউয়ের কেন্দ্র বিন্দুটির সাথে সম্পর্কিত হয়।
সুতরাং যদি কোনও রূপান্তর সম্পন্ন হওয়ার পরে আপনার পিতামাতার মধ্যে একটি ভিউ স্থানান্তরিত করার দরকার হয় তবে আপনি view.centerস্থানাঙ্কগুলি পরিবর্তন করে এটি করতে পারেন । পছন্দ করুন frame, centerপ্যারেন্ট ভিউয়ের সমন্বয় ব্যবস্থা ব্যবহার করে।
ঠিক আছে, আসুন আমাদের ঘূর্ণন থেকে মুক্তি এবং সীমানায় ফোকাস করি। এখনও অবধি সীমানা উত্স সর্বদা স্থায়ী হয়েছে (0, 0) যদিও এটি করার দরকার নেই। আমাদের দৃশ্যে যদি একটি বৃহত সাবভিউ থাকে যা সমস্ত একবারে প্রদর্শিত হয় না? আমরা এটি UIImageViewএকটি বৃহত চিত্র সহ একটি করব । এখানে আবার আমাদের দ্বিতীয় চিত্রটি রয়েছে, তবে এবার আমরা দেখতে পাব যে আমাদের দৃশ্যের সংক্ষিপ্তসারটি পুরো সামগ্রীটি কেমন দেখাচ্ছে।
Frame
origin = (40, 60)
width = 80
height = 130
Bounds
origin = (0, 0)
width = 80
height = 130
শুধুমাত্র চিত্রের উপরের বাম কোণটি দেখার সীমানার ভিতরে ফিট করতে পারে। এখন দেখুন যদি আমরা সীমাটির মূল স্থানাঙ্কগুলি পরিবর্তন করি তবে কী ঘটে।
Frame
origin = (40, 60)
width = 80
height = 130
Bounds
origin = (280, 70)
width = 80
height = 130
ফ্রেমটি তত্ত্বাবধানে সরানো হয়নি তবে ফ্রেমের অভ্যন্তর সামগ্রী বদলে গেছে কারণ সীমার আয়তক্ষেত্রের উত্স ভিউর ভিন্ন অংশে শুরু হয়। এটি UIScrollViewএবং এর সাবক্লাসগুলির পিছনে পুরো ধারণাটি (উদাহরণস্বরূপ, ক UITableView)। আরও ব্যাখ্যার জন্য ইউআইএসক্রোলভিউ বোঝা দেখুন ।
কখন ফ্রেম ব্যবহার করবেন এবং কখন সীমা ব্যবহার করবেন
যেহেতু frameকোনও দৃশ্যের প্যারেন্ট ভিউতে তার অবস্থান সম্পর্কিত, আপনি বাহ্যিক পরিবর্তনগুলি করার সময় এর প্রস্থ পরিবর্তন করার বা ভিউ এবং এর প্যারেন্ট ভিউয়ের শীর্ষের মধ্যে দূরত্ব সন্ধান করার মতো ব্যবহার করেন ।
boundsযখন আপনি অভ্যন্তরীণ পরিবর্তনগুলি করছেন , যেমন জিনিস আঁকতে বা দৃশ্যের মধ্যে সাবউভিউগুলি সাজানোর মতো ব্যবহার করুন । এছাড়াও যদি আপনি এটিতে কোনও স্থানান্তর করেন তবে দৃশ্যের আকার পেতে সীমানাটি ব্যবহার করুন।
আরও গবেষণার জন্য নিবন্ধ:
অ্যাপল ডকস
সম্পর্কিত স্ট্যাকওভারফ্লো প্রশ্ন
অন্যান্য উৎস
নিজে অনুশীলন করুন
উপরের নিবন্ধগুলি পড়ার পাশাপাশি এটি আমাকে একটি পরীক্ষা অ্যাপ তৈরি করতে অনেক সহায়তা করে। আপনি অনুরূপ কিছু করার চেষ্টা করতে পারেন। (আমি এই ভিডিও কোর্সটি থেকে ধারণা পেয়েছি তবে দুর্ভাগ্যক্রমে এটি নিখরচায় নয়))
আপনার রেফারেন্সের জন্য কোডটি এখানে:
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var myView: UIView!
// Labels
@IBOutlet weak var frameX: UILabel!
@IBOutlet weak var frameY: UILabel!
@IBOutlet weak var frameWidth: UILabel!
@IBOutlet weak var frameHeight: UILabel!
@IBOutlet weak var boundsX: UILabel!
@IBOutlet weak var boundsY: UILabel!
@IBOutlet weak var boundsWidth: UILabel!
@IBOutlet weak var boundsHeight: UILabel!
@IBOutlet weak var centerX: UILabel!
@IBOutlet weak var centerY: UILabel!
@IBOutlet weak var rotation: UILabel!
// Sliders
@IBOutlet weak var frameXSlider: UISlider!
@IBOutlet weak var frameYSlider: UISlider!
@IBOutlet weak var frameWidthSlider: UISlider!
@IBOutlet weak var frameHeightSlider: UISlider!
@IBOutlet weak var boundsXSlider: UISlider!
@IBOutlet weak var boundsYSlider: UISlider!
@IBOutlet weak var boundsWidthSlider: UISlider!
@IBOutlet weak var boundsHeightSlider: UISlider!
@IBOutlet weak var centerXSlider: UISlider!
@IBOutlet weak var centerYSlider: UISlider!
@IBOutlet weak var rotationSlider: UISlider!
// Slider actions
@IBAction func frameXSliderChanged(sender: AnyObject) {
myView.frame.origin.x = CGFloat(frameXSlider.value)
updateLabels()
}
@IBAction func frameYSliderChanged(sender: AnyObject) {
myView.frame.origin.y = CGFloat(frameYSlider.value)
updateLabels()
}
@IBAction func frameWidthSliderChanged(sender: AnyObject) {
myView.frame.size.width = CGFloat(frameWidthSlider.value)
updateLabels()
}
@IBAction func frameHeightSliderChanged(sender: AnyObject) {
myView.frame.size.height = CGFloat(frameHeightSlider.value)
updateLabels()
}
@IBAction func boundsXSliderChanged(sender: AnyObject) {
myView.bounds.origin.x = CGFloat(boundsXSlider.value)
updateLabels()
}
@IBAction func boundsYSliderChanged(sender: AnyObject) {
myView.bounds.origin.y = CGFloat(boundsYSlider.value)
updateLabels()
}
@IBAction func boundsWidthSliderChanged(sender: AnyObject) {
myView.bounds.size.width = CGFloat(boundsWidthSlider.value)
updateLabels()
}
@IBAction func boundsHeightSliderChanged(sender: AnyObject) {
myView.bounds.size.height = CGFloat(boundsHeightSlider.value)
updateLabels()
}
@IBAction func centerXSliderChanged(sender: AnyObject) {
myView.center.x = CGFloat(centerXSlider.value)
updateLabels()
}
@IBAction func centerYSliderChanged(sender: AnyObject) {
myView.center.y = CGFloat(centerYSlider.value)
updateLabels()
}
@IBAction func rotationSliderChanged(sender: AnyObject) {
let rotation = CGAffineTransform(rotationAngle: CGFloat(rotationSlider.value))
myView.transform = rotation
updateLabels()
}
private func updateLabels() {
frameX.text = "frame x = \(Int(myView.frame.origin.x))"
frameY.text = "frame y = \(Int(myView.frame.origin.y))"
frameWidth.text = "frame width = \(Int(myView.frame.width))"
frameHeight.text = "frame height = \(Int(myView.frame.height))"
boundsX.text = "bounds x = \(Int(myView.bounds.origin.x))"
boundsY.text = "bounds y = \(Int(myView.bounds.origin.y))"
boundsWidth.text = "bounds width = \(Int(myView.bounds.width))"
boundsHeight.text = "bounds height = \(Int(myView.bounds.height))"
centerX.text = "center x = \(Int(myView.center.x))"
centerY.text = "center y = \(Int(myView.center.y))"
rotation.text = "rotation = \((rotationSlider.value))"
}
}
