Custom UITableViewCell - adjust UILabel vertical alignment dynamically

The name of the picture


Custom UITableViewCell - adjust UILabel vertical alignment dynamically



I have a custom table cell. It has two labels (title and description), one below the other.


title


description



What I have right now is, title label top = topMargin. And description label top = title label bottom + 10.


title


top = topMargin


description


top = title


bottom + 10



But in some cases, there will be no description. In such cases, I want the title label to be centered vertically inside the cell. Is this possible? What constraints do I have to set?


title





Are your labels single-line only, and the rows are fixed-height? Or are the labels multi-line, so the row heights need to be dynamic?
– DonMag
yesterday





Edited my answer.
– Rakesha Shastri
yesterday





@skt you can used stackview for manage this type of condition
– chirag shah
yesterday





@DonMag the labels will always be single line and the rows are fixed height.
– SKT
4 hours ago




2 Answers
2



A UIStackView makes it easy to do what you want.


UIStackView


0


67


IBOutlet



When you set the text of the labels in cellForRowAt indexPath:, set the description label's .isHidden property to true if it has a description, or to false if it doesn't.


cellForRowAt indexPath:


.isHidden


true


false



The result (with background colors for clarity):





The result without background colors:





Yes this is possible. Center-ing it to the x-axis.



Have a containerView which holds both the title and description.



Center align the containerView.



Fit the title leading to the container leading.



Fit the description leading to the title trailing.



Fit the description trailing to the container trailing.



Add the remaining anchors to suit your needs.



Center-ing it to the y-axis.



Have a containerView which holds both the title and description.



Center align the container.



Fit the title top and leading to the container top and leading.



Fit the description top to title bottom + 10.



Fit the description leading to title leading or whatever is necessary.



Fit the description bottom to containerBottom.



Edit: I did not read the question properly the first time. My bad. This should work. If the description is not present, it'll have width 0 and the title will be centered.






By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

-

Popular posts from this blog

Arduino Mega cannot recieve any sketches, stk500_recv() programmer is not responding

Image
Clash Royale CLAN TAG #URR8PPP Arduino Mega cannot recieve any sketches, stk500_recv() programmer is not responding Yesterday we were trying to update the firmware of our 3D-printer a Tevo Tarantula i3 The printer was running Marlin 3D Printer Firmware. We installed a new module a TL-Touch Sensor, a chinese copy of the Bl-Touch an auto bedleveling touch sensor for a 3D printer. After re-configurating a new version of the firmware for our setup in the Arduino IDE we went on with uploading the sketch to the Arduino Mega that was controling our 3D printer. Before we started uploading we made sure the right COM-port was selected in the Arduino IDE and that also the right type of Arduino was selected. The Arduino Mega 2260. Then we started with compiling the firmware and then uploading it to the Mega, Somewhere in between that moment the IDE freezed and crashed. As a response we removed the USB cable that was connected from the PC uploading the firmware onto the Arduino Mega, (This was a st...
Read more

Visual Studio Code: How to configure includePath for better IntelliSense results

Image
Clash Royale CLAN TAG #URR8PPP Visual Studio Code: How to configure includePath for better IntelliSense results so I am a complete beginner to using Visual Studio Code and I have no clue what I am doing. I've searched around (maybe not enough), but I cant find just a simple explanation for someone like me on how to configure the c_cpp_properties.json file that I am redirected to whenever I click on the yellow lightbulb next to a line that is underlined with a green squiggle. Lightbulb example c_cpp_properties.json I just want to know what to put in the .json to make IntelliSense work properly This question has answers that may be good or bad; the system has marked it active so that they can be reviewed. 2 Answers 2 From: https://code.visualstudio.com/docs/languages/cpp Below you can see that the MinGW C++ include path has been added to browse.path for Windows: { "name": "Win32...
Read more

C++ virtual function: Base class function is called instead of derived

Image
Clash Royale CLAN TAG #URR8PPP C++ virtual function: Base class function is called instead of derived I have following code snippet: using namespace std; class base { public: virtual void print(char a){ std::cout<<" Base "<<std::endl;} }; class derived :public base { public: void print(floata) {std::cout<<" Derived "<<std::endl;} }; int main() { base* d = new derived; d->print(1.5); return 0; } Output is "base" Why output is coming from base function and not from derived one By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
Read more