আইওএস অটোলেআউট: পাশাপাশি সমান প্রস্থের দুটি বোতাম


93

অটোলাউট নিয়ে আমার বর্তমানে সমস্যা হচ্ছে। আমি ইন্টারফেস বিল্ডার ব্যবহার করছি এবং নীচের চিত্রটিতে চিত্রিত হিসাবে সমান প্রস্থের দুটি বোতাম পাশাপাশি রাখার চেষ্টা করছি।

উদ্দেশ্য বিন্যাস

নিম্নলিখিত পূর্বরূপ চিত্র থেকে, আমার শিরোনামের চিত্রটি সঠিকভাবে সীমাবদ্ধ করা হয়েছে এবং বোতামগুলি না থাকলে সঠিকভাবে প্রদর্শন করা হচ্ছে। আমি শিরোনামের শিরোনামের প্রথম প্রান্তটি বোতাম 1 এবং শিরোনামের ইমেজের পূর্ববর্তী প্রান্তের সাথে বোতাম 2 সারিবদ্ধ করে পরীক্ষা করেছি, তবে নীচে প্রদর্শিত হিসাবে দুটি বোতামের মধ্যে প্রস্থের বন্টন এই সময়ে স্কু হয়ে যায়।

সমস্যা পরিস্থিতি

আমার উদ্দেশ্যটি হ'ল বুঝতে হবে কোন সীমাবদ্ধতাগুলি অনুপস্থিত এবং ডিভাইস নির্বিশেষে সমান প্রস্থগুলি বজায় রাখতে দুটি বোতামে প্রয়োগ করা উচিত। সম্ভব হলে আমি অতিরিক্ত কোডের বিপরীতে ইন্টারফেস বিল্ডারের মাধ্যমে এটি অর্জন করতে চাই।


4
রাজমিস্ত্রি প্রোগ্রামের মাধ্যমে এটি করার একটি প্রস্তাবিত উপায়। লিঙ্ক: github.com/Masonry/Masonry
Itachi

4
এই লিঙ্কটি এখানে ... আপনি যাচাই করতে পারেন ... stackoverflow.com/questions/29620409/…
EI ক্যাপ্টেন v2.0

উত্তর:


246

নিম্নলিখিত সীমাবদ্ধতা যুক্ত করুন

  1. বোতাম 1 থেকে বোতাম 2 তে সমান প্রস্থ নির্ধারণ করুন।
  2. উভয় বোতামের মধ্যে অনুভূমিক ব্যবধান নির্ধারণ করুন।
  3. বোতাম 1 থেকে তার তত্ত্বাবধানে শীর্ষস্থান নির্ধারণ করুন।
  4. বোতাম 2 থেকে তার তত্ত্বাবধানে স্থান অনুসরণ করুন।
  5. উভয় বোতামে শীর্ষ স্থান বরাদ্দ করুন।
    যদি তোমার জন্য এটি কাজ করে, তাহলে আমাকে জানাও.

7
দুর্দান্ত - এটি আমার পক্ষে কাজ করেছে। বিশেষত পয়েন্ট # 2 - একটি অনুভূমিক ব্যবধান যুক্ত করে।
স্ক্র্যাচ

ওও !!! তুমি কী বোঝাতে চেয়েছ? এটি সত্যই মনোমুগ্ধকর মতো কাজ করে এবং আমার প্রায় 3 ঘন্টা অপচয় হয়! :( আমার ক্ষেত্রে সুপার ভিউতে এটির ভাগ করে নেওয়ার ক্ষেত্রে আমার দুটি সমান প্রস্থের দুটি ভিউ ছিল However তবে এটি আমাকে শেষে জিজ্ঞাসা করেছিল, "ওয়াই বা উচ্চতার জন্য সীমাবদ্ধতার প্রয়োজন" আমি "নিখোঁজ বাধা যুক্ত করতে" বেছে নিয়েছি এবং এটি সমাধান হয়েছে)।
রেন্ডিকা বিশ্বমান

@ আবুবকর: উভয় বোতাম একই প্রস্থের হিসাবে এটি কেবল একটি পর্দার আকারের জন্য কাজ করে।
এজি

4
খুব বেশি সংলগ্ন ইউআই উপাদানগুলির জন্যও কাজ করে!
অবরোধ করুন_প্রিয়াস

4
ভাল ধন্যবাদ তবে আমি সমাধানটি খুঁজে পেয়েছি এবং কোডটিতে এর আরও ভাল। এর মধ্যে যে কোনও একটিকে প্যারেন্টের সাথে সারিবদ্ধ করুন এবং সামগ্রীর আকারের ধ্রুবক অর্ধেক দিন যা আপনি কোডটিতে গণনা করতে পারেন বা যদি সামগ্রী স্থির থাকে তবে আপনি কেবল ফ্রেম আপডেট করতে পারেন এবং ধ্রুবককে আপডেট করতে পারেন। এটির পাশাপাশি কেন্দ্রের প্রান্তরেখাতে দুটি বোতামের মধ্যে কেন্দ্রের ব্যবধানের অর্ধেক যোগ করুন। এবং কেবল সেই নেতৃস্থানীয় বা অন্য বোতামটি অনুসরণ করতে দিন। আমার জন্য এটি স্থির করে এবং যদি আপনার সামগ্রীটি স্বতঃস্ফূর্ত হয় এবং প্রয়োজন হয় কেবলমাত্র লেআউট আপডেট পদ্ধতিতে কল করুন এবং ধ্রুবক মান আবার গণনা করুন।
অ্যাম্বার কে

80

সহজ সমাধানের জন্য পদক্ষেপ এবং স্ক্রিনশটগুলি অনুসরণ করুন


ধাপ 1)

  • বোতাম 1 এর জন্য: সীমাবদ্ধতাগুলি সেট করুন: (1) শীর্ষস্থানীয়, (2) আপনার প্রয়োজন হিসাবে শীর্ষ বা নীচে, (3) উচ্চতা


ধাপ ২)

  • বাটন 2 এর জন্য: সীমাবদ্ধতাগুলি সেট করুন: (1) পিছনে যাওয়া, (2) উপরে বা নীচে আপনার প্রয়োজন অনুসারে, (3) উচ্চতা

ধাপ 3)

  • বাটন 1 থেকে বোতাম 2 তে Ctrl + টেনে আনুন

  • অনুভূমিক ব্যবধান নির্বাচন করুন


পদক্ষেপ -4)

  • উভয় বাটন নির্বাচন করুন (কমান্ড ব্যবহার করে) এবং সীমাবদ্ধতার সমান প্রস্থকে যুক্ত করুন


আউটপুট

আশা করি এটি আপনাকে সহায়তা করবে :)


4
উচ্চতা স্থির করা উচিত নয়। স্ক্রিন-আকার অনুযায়ী ভিউটিকে বোতামের উচ্চতা নির্ধারণ করতে দিন।
কুণাল কুমার

@ কুণালকুমার এই ক্ষেত্রে উচ্চতা স্থির করা হয়েছে। আপনি কি আমাকে বলতে পারেন?
ভিভিকে

@Vvk ... নিখুঁত ভাই :)
Jaywant Khedkar

19

আইওএস 9-এ স্ট্যাক লেআউট, কাজটি সত্যিই দুর্দান্ত করবে। আপনার দৃশ্যে স্ট্যাক ভিউ যুক্ত করুন এবং অনুসরণ হিসাবে কনফিগার করুন:

এখানে চিত্র বর্ণনা লিখুন


2

আপনি আমার উদাহরণটি পরীক্ষা করতে পারেন - আনুপাতিক সীমাবদ্ধতা ব্যবহার করে আপনি এটি সহজ লক্ষ্য করতে পারেন। এছাড়াও আপনি আনুপাতিক একাধিক ইউআইভিউগুলিকে লক্ষ্য করতে পারেন। সংযুক্ত উদাহরণ দেখুন

https://dl.rodboxusercontent.com/u/48223929/ টেস্টভিউকন্ট্রোলআর.এসআইবিব


0

আমার সমাধান হল

  1. দুটি বোতামের মাঝখানে একটি ছোট দর্শন রাখুন এবং এটি কেন্দ্র করুন (ধারক মধ্যে অনুভূমিক কেন্দ্র এবং 0 হিসাবে কনটেনারে উল্লম্ব কেন্দ্র)।
  2. ছোট দৃশ্যে উচ্চতা এবং প্রস্থ যুক্ত করুন।
  3. বাটনগুলিতে সীমাবদ্ধতাগুলি যুক্ত করুন এবং ছোট দর্শনকে অনুভূমিক স্থানের সীমাবদ্ধতা দিন।
  4. ছোট ভিউ ব্যাকগ্রাউন্ডের রঙটিকে বোতাম বা ভিউয়ের রঙের মতো করুন।

দ্রষ্টব্য: স্ক্রিনশট দেখুন।

এখানে চিত্র বর্ণনা লিখুন

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.