Question

我试图将5 UICollectionViewCell放在一行上，虽然似乎有足够的水平空间，但每个单元格之间的空间太大。我无法弄清楚如何减少它。这是一些伪代码及其外观：

class ViewController: UIViewController {

    let my_view = MyView()

    override func viewDidLoad() {
        super.viewDidLoad()

        self.my_view.delegate = self

        self.my_view.translatesAutoresizingMaskIntoConstraints = false

        self.scroll_view.addSubview(self.my_view)

        self.my_view.centerXAnchor.constraint(equalTo: self.view.centerXAnchor).isActive = true
        self.my_view.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 20).isActive = true
        self.my_view.widthAnchor.constraint(equalTo: self.view.widthAnchor).isActive = true
        self.my_view.bottomAnchor.constraint(equalToConstant: 100).isActive = true
    }


}

extension ViewController: UICollectionViewDelegateFlowLayout, UICollectionViewDataSource {

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 5
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! MyCell
        return cell
    }
}

class MyView: UIView {

    var delegate: ViewController! {
        didSet {
            self.collection_view.delegate = self.delegate
            self.collection_view.dataSource = self.delegate
        }
    }

    var collection_view: UICollectionView!

    init() {
        let layout = UICollectionViewFlowLayout()
        layout.sectionInset = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5)
        layout.itemSize = CGSize(width: 60, height: 40)
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0

        self.collection_view = UICollectionView(frame: .zero, collectionViewLayout: layout)
        self.collection_view.register(AgeCell.self, forCellWithReuseIdentifier: "cell")
        self.collection_view.backgroundColor = .clear
        self.collection_view.translatesAutoresizingMaskIntoConstraints = false

        self.addSubview(self.collection_view)

        self.collection_view.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true
        self.collection_view.widthAnchor.constraint(equalTo: self.widthAnchor).isActive = true
        self.collection_view.topAnchor.constraint(equalTo: self.title_label.bottomAnchor, constant: 15).isActive = true
        self.collection_view.heightAnchor.constraint(equalToConstant: 60).isActive = true
    }


}

class MyCell: UICollectionViewCell {

    let button: UIButton = {
        let button = UIButton(type: .system)
        button.backgroundColor = UIColor(r: 0, g: 0, b: 0, a: 100)
        button.setTitle("Test", for: .normal)
        button.layer.borderColor = UIColor.EVO_blue.cgColor
        button.layer.borderWidth = 1.0
        return button
    }()

    override init(frame: CGRect) {
        super.init(frame: frame)

        self.addSubview(self.button)
        self.button.frame = self.frame
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

}

这是设备的宽度，只显示3：

如何让所有5个细胞出现？感谢。

Answer 1

使用UICollectionViewDelegateFlowLayout，您需要在sizeForItemAt方法中返回正确的大小。我试图写出逻辑来解决你的问题。

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let width = (Globals.screenWidth - 60.0) / 5
    return CGSize(width: width, height: 80.0)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
    return UIEdgeInsetsMake(0, 5, 0, 5)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 0.0
}

试试这个。

Answer 2

问题在于，在我的self.button.frame = self.frame课程中，我正在编写

self.button.frame = self.bounds

我应写

package com.dss;
import java.awt.BorderLayout;
import java.awt.EventQueue;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;
import javax.swing.JTextField;
import java.awt.Font;
import javax.swing.JButton;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;
import javax.swing.JEditorPane;
import javax.swing.SwingConstants;
import javax.swing.border.SoftBevelBorder;
import javax.swing.border.BevelBorder;

public class JCalcEx extends JFrame {  

private JPanel contentPane;
private JTextField value1;
private JTextField value2;

/**
 * Launch the application.
 */
public static void main(String[] args) {
    EventQueue.invokeLater(new Runnable() {
        public void run() {
            try {
                JCalcEx frame = new JCalcEx();
                frame.setVisible(true);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    });
}

/**
 * Create the frame.
 */
public JCalcEx() {
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setBounds(100, 100, 395, 680);
    contentPane = new JPanel();
    contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
    setContentPane(contentPane);
    contentPane.setLayout(null);

    value1 = new JTextField();
    value1.setBorder(new SoftBevelBorder(BevelBorder.LOWERED, null, null, 
    null, null));
    value1.setHorizontalAlignment(SwingConstants.RIGHT);
    value1.setFont(new Font("Tahoma", Font.PLAIN, 20));
    value1.setBounds(12, 69, 350, 41);
    contentPane.add(value1);
    value1.setColumns(10);

    JTextField value3 = new JTextField();
    value3.setHorizontalAlignment(SwingConstants.RIGHT);
    value3.setFont(new Font("Tahoma", Font.PLAIN, 20));
    value3.setBorder(new SoftBevelBorder(BevelBorder.LOWERED, null, null, 
    null, null));
    value3.setBounds(12, 111, 353, 41);
    contentPane.add(value3);
    value3.setColumns(10);

    JButton button9 = new JButton("9");
    button9.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+9);
        }
    });
    button9.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button9.setBounds(12, 192, 69, 70);
    contentPane.add(button9);

    JButton button8 = new JButton("8");
    button8.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent arg0){
            value1.setText(value1.getText()+8);
        }
    });
    button8.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button8.setBounds(105, 192, 69, 70);
    contentPane.add(button8);

    JButton button7 = new JButton("7");
    button7.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+7);
        }
    });
    button7.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button7.setBounds(199, 192, 69, 70);
    contentPane.add(button7);

    JButton button6 = new JButton("6");
    button6.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+6);
        }
    });
    button6.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button6.setBounds(293, 192, 69, 70);
    contentPane.add(button6);

    JButton button5 = new JButton("5");
    button5.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+5);
        }
    });
    button5.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button5.setBounds(12, 293, 69, 70);
    contentPane.add(button5);

    JButton button4 = new JButton("4");
    button4.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+4);
        }
    });
    button4.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button4.setBounds(105, 293, 69, 70);
    contentPane.add(button4);

    JButton button3 = new JButton("3");
    button3.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+3);
        }
    });
    button3.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button3.setBounds(199, 293, 69, 70);
    contentPane.add(button3);

    JButton button2 = new JButton("2");
    button2.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+2);
        }
    });
    button2.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button2.setBounds(293, 293, 69, 70);
    contentPane.add(button2);

    JButton button1 = new JButton("1");
    button1.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+1);
        }
    });
    button1.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button1.setBounds(12, 392, 69, 70);
    contentPane.add(button1);

    JButton buttonc = new JButton("C");
    buttonc.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value2.setText("");
            value1.setText("");
            actionRecieved.setText("");
            value3.setText("");
        }
    });
    buttonc.setFont(new Font("Tahoma", Font.PLAIN, 20));
    buttonc.setBounds(293, 392, 69, 70);
    contentPane.add(buttonc);

    JButton button0 = new JButton("0");
    button0.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value1.setText(value1.getText()+0);
        }
    });
    button0.setFont(new Font("Tahoma", Font.PLAIN, 20));
    button0.setBounds(105, 392, 69, 70);
    contentPane.add(button0);

    JButton buttoneql = new JButton("=");
    buttoneql.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            int one = Integer.parseInt(value2.getText());
            int two = Integer.parseInt(value1.getText());

            if(actionRecieved.getText().equals("sub"))
            {
                int sub = one - two;
                value3.setText(String.valueOf(sub));

            }
            if(actionRecieved.getText().equals("add"))
            {
                int add = one + two;
                value3.setText(String.valueOf(add));

            }
            if(actionRecieved.getText().equals("mul"))
            {
                int mul = one * two;
                value1.setText(String.valueOf(mul));

            }
            if(actionRecieved.getText().equals("div"))
            {
                int div = one / two;
                value1.setText(String.valueOf(div));

            }
        }
    });
    buttoneql.setFont(new Font("Tahoma", Font.PLAIN, 20));
    buttoneql.setBounds(199, 392, 69, 70);
    contentPane.add(buttoneql);

    JButton buttonplus = new JButton("+");
    buttonplus.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value2.setText(value1.getText());
            actionRecieved.setText("plus");
            value1.setText(null);
        }
    });
    buttonplus.setFont(new Font("Tahoma", Font.PLAIN, 20));
    buttonplus.setBounds(12, 489, 69, 70);
    contentPane.add(buttonplus);

    JButton buttonminus = new JButton("-");
    buttonminus.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value2.setText(value1.getText());
            actionRecieved.setText("sub");
            value1.setText(null);
        }
    });
    buttonminus.setFont(new Font("Tahoma", Font.PLAIN, 20));
    buttonminus.setBounds(105, 489, 69, 70);
    contentPane.add(buttonminus);

    JButton buttonmultiply = new JButton("x");
    buttonmultiply.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value2.setText(value1.getText());
            actionRecieved.setText("mul");
            value1.setText(null);
        }
    });
    buttonmultiply.setFont(new Font("Tahoma", Font.PLAIN, 20));
    buttonmultiply.setBounds(199, 489, 69, 70);
    contentPane.add(buttonmultiply);

    JButton buttondivide = new JButton("/");
    buttondivide.addActionListener(new ActionListener() {
        public void actionPerformed(ActionEvent e) {
            value2.setText(value1.getText());
            actionRecieved.setText("div");
            value1.setText(null);
        }
    });
    buttondivide.setFont(new Font("Tahoma", Font.PLAIN, 20));
    buttondivide.setBounds(293, 489, 69, 70);
    contentPane.add(buttondivide);



    value2 = new JTextField();
    value2.setFont(new Font("Tahoma", Font.PLAIN, 20));
    value2.setBorder(new SoftBevelBorder(BevelBorder.LOWERED, null, null, 
    null, null));
    value2.setHorizontalAlignment(SwingConstants.RIGHT);
    value2.setBounds(229, 29, 133, 41);
    contentPane.add(value2);
    value2.setColumns(10);


    JEditorPane editorPane = new JEditorPane();
    editorPane.setEditable(false);
    editorPane.setBounds(12, 29, 350, 81);
    contentPane.add(editorPane);

    actionRecieved = new JLabel("");
    actionRecieved.setBounds(12, 572, 118, 48);
    contentPane.add(actionRecieved);
    }
    private JLabel actionRecieved;
    }

Answer 3

使用UICollectionViewDelegateFlowLayout方法管理单元格大小，LineSpacing和InterItemSpacing： -

func collectionView(_ collectionView: UICollectionView, layout 
collectionViewLayout: UICollectionViewLayout, 
minimumLineSpacingForSectionAt section: Int) -> CGFloat {
return 0
}

func collectionView(_ collectionView: UICollectionView, layout 
collectionViewLayout: UICollectionViewLayout, 
minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return 0
}

func collectionView(_ collectionView: UICollectionView, layout 
collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: 
IndexPath) -> CGSize {
return CGSize // return size of cell according to you
}

Swift UICollectionViewCells也分散了

3 个答案: