Custom Image issue on Page control





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







0















i'm trying to set custom image on page control dots. I have tried a custom class for this ,



class CustomPageControl: UIPageControl {

@IBInspectable var currentPageImage: UIImage?

@IBInspectable var otherPagesImage: UIImage?

override var numberOfPages: Int {
didSet {
updateDots()
}
}

override var currentPage: Int {
didSet {
updateDots()
}
}

override func awakeFromNib() {
super.awakeFromNib()
pageIndicatorTintColor = .clear
currentPageIndicatorTintColor = .clear
clipsToBounds = false
}

private func updateDots() {

for (index, subview) in subviews.enumerated() {
let imageView: UIImageView
if let existingImageview = getImageView(forSubview: subview) {
imageView = existingImageview
} else {
imageView = UIImageView(image: otherPagesImage)

imageView.center = subview.center
subview.addSubview(imageView)
subview.clipsToBounds = false
}
imageView.image = currentPage == index ? currentPageImage : otherPagesImage
}
}

private func getImageView(forSubview view: UIView) -> UIImageView? {
if let imageView = view as? UIImageView {
return imageView
} else {
let view = view.subviews.first { (view) -> Bool in
return view is UIImageView
} as? UIImageView

return view
}
}


}



After running this code i got this result in my VC,



enter image description here



I want this result from this,
enter image description here










share|improve this question

























  • The way you attached the image is not correct. Please check. Also there is a } at the end of the program which is not under formatted program.

    – smilyface
    Jan 4 at 13:39











  • Im passing this class to page control and pass images at current time in my vc. @smilyface

    – ihtasham Afzal
    Jan 4 at 14:00











  • No. I am saying about the question you posted here with text enter image description here

    – smilyface
    Jan 4 at 14:01


















0















i'm trying to set custom image on page control dots. I have tried a custom class for this ,



class CustomPageControl: UIPageControl {

@IBInspectable var currentPageImage: UIImage?

@IBInspectable var otherPagesImage: UIImage?

override var numberOfPages: Int {
didSet {
updateDots()
}
}

override var currentPage: Int {
didSet {
updateDots()
}
}

override func awakeFromNib() {
super.awakeFromNib()
pageIndicatorTintColor = .clear
currentPageIndicatorTintColor = .clear
clipsToBounds = false
}

private func updateDots() {

for (index, subview) in subviews.enumerated() {
let imageView: UIImageView
if let existingImageview = getImageView(forSubview: subview) {
imageView = existingImageview
} else {
imageView = UIImageView(image: otherPagesImage)

imageView.center = subview.center
subview.addSubview(imageView)
subview.clipsToBounds = false
}
imageView.image = currentPage == index ? currentPageImage : otherPagesImage
}
}

private func getImageView(forSubview view: UIView) -> UIImageView? {
if let imageView = view as? UIImageView {
return imageView
} else {
let view = view.subviews.first { (view) -> Bool in
return view is UIImageView
} as? UIImageView

return view
}
}


}



After running this code i got this result in my VC,



enter image description here



I want this result from this,
enter image description here










share|improve this question

























  • The way you attached the image is not correct. Please check. Also there is a } at the end of the program which is not under formatted program.

    – smilyface
    Jan 4 at 13:39











  • Im passing this class to page control and pass images at current time in my vc. @smilyface

    – ihtasham Afzal
    Jan 4 at 14:00











  • No. I am saying about the question you posted here with text enter image description here

    – smilyface
    Jan 4 at 14:01














0












0








0








i'm trying to set custom image on page control dots. I have tried a custom class for this ,



class CustomPageControl: UIPageControl {

@IBInspectable var currentPageImage: UIImage?

@IBInspectable var otherPagesImage: UIImage?

override var numberOfPages: Int {
didSet {
updateDots()
}
}

override var currentPage: Int {
didSet {
updateDots()
}
}

override func awakeFromNib() {
super.awakeFromNib()
pageIndicatorTintColor = .clear
currentPageIndicatorTintColor = .clear
clipsToBounds = false
}

private func updateDots() {

for (index, subview) in subviews.enumerated() {
let imageView: UIImageView
if let existingImageview = getImageView(forSubview: subview) {
imageView = existingImageview
} else {
imageView = UIImageView(image: otherPagesImage)

imageView.center = subview.center
subview.addSubview(imageView)
subview.clipsToBounds = false
}
imageView.image = currentPage == index ? currentPageImage : otherPagesImage
}
}

private func getImageView(forSubview view: UIView) -> UIImageView? {
if let imageView = view as? UIImageView {
return imageView
} else {
let view = view.subviews.first { (view) -> Bool in
return view is UIImageView
} as? UIImageView

return view
}
}


}



After running this code i got this result in my VC,



enter image description here



I want this result from this,
enter image description here










share|improve this question
















i'm trying to set custom image on page control dots. I have tried a custom class for this ,



class CustomPageControl: UIPageControl {

@IBInspectable var currentPageImage: UIImage?

@IBInspectable var otherPagesImage: UIImage?

override var numberOfPages: Int {
didSet {
updateDots()
}
}

override var currentPage: Int {
didSet {
updateDots()
}
}

override func awakeFromNib() {
super.awakeFromNib()
pageIndicatorTintColor = .clear
currentPageIndicatorTintColor = .clear
clipsToBounds = false
}

private func updateDots() {

for (index, subview) in subviews.enumerated() {
let imageView: UIImageView
if let existingImageview = getImageView(forSubview: subview) {
imageView = existingImageview
} else {
imageView = UIImageView(image: otherPagesImage)

imageView.center = subview.center
subview.addSubview(imageView)
subview.clipsToBounds = false
}
imageView.image = currentPage == index ? currentPageImage : otherPagesImage
}
}

private func getImageView(forSubview view: UIView) -> UIImageView? {
if let imageView = view as? UIImageView {
return imageView
} else {
let view = view.subviews.first { (view) -> Bool in
return view is UIImageView
} as? UIImageView

return view
}
}


}



After running this code i got this result in my VC,



enter image description here



I want this result from this,
enter image description here







swift pagecontrol






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jan 4 at 14:19







ihtasham Afzal

















asked Jan 4 at 13:31









ihtasham Afzalihtasham Afzal

11




11













  • The way you attached the image is not correct. Please check. Also there is a } at the end of the program which is not under formatted program.

    – smilyface
    Jan 4 at 13:39











  • Im passing this class to page control and pass images at current time in my vc. @smilyface

    – ihtasham Afzal
    Jan 4 at 14:00











  • No. I am saying about the question you posted here with text enter image description here

    – smilyface
    Jan 4 at 14:01



















  • The way you attached the image is not correct. Please check. Also there is a } at the end of the program which is not under formatted program.

    – smilyface
    Jan 4 at 13:39











  • Im passing this class to page control and pass images at current time in my vc. @smilyface

    – ihtasham Afzal
    Jan 4 at 14:00











  • No. I am saying about the question you posted here with text enter image description here

    – smilyface
    Jan 4 at 14:01

















The way you attached the image is not correct. Please check. Also there is a } at the end of the program which is not under formatted program.

– smilyface
Jan 4 at 13:39





The way you attached the image is not correct. Please check. Also there is a } at the end of the program which is not under formatted program.

– smilyface
Jan 4 at 13:39













Im passing this class to page control and pass images at current time in my vc. @smilyface

– ihtasham Afzal
Jan 4 at 14:00





Im passing this class to page control and pass images at current time in my vc. @smilyface

– ihtasham Afzal
Jan 4 at 14:00













No. I am saying about the question you posted here with text enter image description here

– smilyface
Jan 4 at 14:01





No. I am saying about the question you posted here with text enter image description here

– smilyface
Jan 4 at 14:01












0






active

oldest

votes












Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54039924%2fcustom-image-issue-on-page-control%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54039924%2fcustom-image-issue-on-page-control%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Monofisismo

Angular Downloading a file using contenturl with Basic Authentication

Olmecas