docs/android/compose/Compose基础.assets/layout-column-row-box.svg

<svg width="744" height="344" viewBox="0 0 744 344" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="744" height="344" fill="#F5F5F5"/>
<path d="M99.2949 274.371C99.1517 275.888 98.5918 277.073 97.6152 277.926C96.6387 278.772 95.3398 279.195 93.7188 279.195C92.5859 279.195 91.5866 278.928 90.7207 278.395C89.8613 277.854 89.1973 277.089 88.7285 276.1C88.2598 275.11 88.0156 273.961 87.9961 272.652V271.324C87.9961 269.983 88.2337 268.801 88.709 267.779C89.1842 266.757 89.8646 265.969 90.75 265.416C91.6419 264.863 92.6706 264.586 93.8359 264.586C95.4049 264.586 96.668 265.012 97.625 265.865C98.582 266.718 99.1387 267.923 99.2949 269.479H96.834C96.7168 268.456 96.4173 267.721 95.9355 267.271C95.4603 266.816 94.7604 266.588 93.8359 266.588C92.7617 266.588 91.9349 266.982 91.3555 267.77C90.7826 268.551 90.4896 269.7 90.4766 271.217V272.477C90.4766 274.013 90.75 275.185 91.2969 275.992C91.8503 276.799 92.6576 277.203 93.7188 277.203C94.6888 277.203 95.418 276.985 95.9062 276.549C96.3945 276.113 96.7038 275.387 96.834 274.371H99.2949ZM100.988 273.619C100.988 272.584 101.193 271.653 101.603 270.826C102.013 269.993 102.589 269.355 103.332 268.912C104.074 268.463 104.927 268.238 105.89 268.238C107.316 268.238 108.472 268.697 109.357 269.615C110.249 270.533 110.731 271.751 110.802 273.268L110.812 273.824C110.812 274.866 110.61 275.797 110.207 276.617C109.81 277.438 109.237 278.072 108.488 278.521C107.746 278.971 106.886 279.195 105.91 279.195C104.419 279.195 103.224 278.701 102.326 277.711C101.434 276.715 100.988 275.39 100.988 273.736V273.619ZM103.361 273.824C103.361 274.911 103.586 275.764 104.035 276.383C104.484 276.995 105.109 277.301 105.91 277.301C106.711 277.301 107.332 276.988 107.775 276.363C108.224 275.738 108.449 274.824 108.449 273.619C108.449 272.551 108.218 271.705 107.755 271.08C107.3 270.455 106.678 270.143 105.89 270.143C105.115 270.143 104.5 270.452 104.045 271.07C103.589 271.682 103.361 272.6 103.361 273.824ZM115.493 279H113.12V264H115.493V279ZM124.638 277.965C123.941 278.785 122.951 279.195 121.669 279.195C120.523 279.195 119.654 278.86 119.061 278.189C118.475 277.519 118.182 276.549 118.182 275.279V268.434H120.555V275.25C120.555 276.591 121.112 277.262 122.225 277.262C123.378 277.262 124.156 276.848 124.559 276.021V268.434H126.932V279H124.696L124.638 277.965ZM131.731 268.434L131.799 269.537C132.541 268.671 133.557 268.238 134.846 268.238C136.259 268.238 137.226 268.779 137.746 269.859C138.515 268.779 139.595 268.238 140.989 268.238C142.154 268.238 143.02 268.561 143.586 269.205C144.159 269.85 144.452 270.8 144.465 272.057V279H142.092V272.125C142.092 271.454 141.946 270.963 141.653 270.65C141.36 270.338 140.875 270.182 140.198 270.182C139.657 270.182 139.215 270.328 138.87 270.621C138.531 270.908 138.293 271.285 138.157 271.754L138.166 279H135.793V272.047C135.761 270.803 135.126 270.182 133.889 270.182C132.939 270.182 132.265 270.569 131.868 271.344V279H129.495V268.434H131.731ZM149.254 268.434L149.322 269.654C150.104 268.71 151.129 268.238 152.398 268.238C154.599 268.238 155.719 269.498 155.758 272.018V279H153.385V272.154C153.385 271.484 153.238 270.989 152.945 270.67C152.659 270.344 152.187 270.182 151.529 270.182C150.572 270.182 149.859 270.615 149.391 271.48V279H147.018V268.434H149.254Z" fill="black" fill-opacity="0.87"/>
<rect x="72" y="72" width="100" height="40" rx="8" fill="#70D68A" fill-opacity="0.5"/>
<rect x="72" y="120" width="100" height="40" rx="8" fill="#70D68A"/>
<rect x="72" y="168" width="100" height="40" rx="8" fill="#70D68A" fill-opacity="0.5"/>
<rect x="58" y="58" width="128" height="164" stroke="#133041" stroke-width="4" stroke-linejoin="round" stroke-dasharray="12 12"/>
<path d="M340.67 273.521H337.916V279H335.445V264.781H340.445C342.086 264.781 343.352 265.149 344.244 265.885C345.136 266.62 345.582 267.685 345.582 269.078C345.582 270.029 345.351 270.826 344.889 271.471C344.433 272.109 343.795 272.6 342.975 272.945L346.168 278.873V279H343.521L340.67 273.521ZM337.916 271.539H340.455C341.288 271.539 341.939 271.331 342.408 270.914C342.877 270.491 343.111 269.915 343.111 269.186C343.111 268.424 342.893 267.835 342.457 267.418C342.027 267.001 341.383 266.786 340.523 266.773H337.916V271.539ZM347.402 273.619C347.402 272.584 347.607 271.653 348.017 270.826C348.427 269.993 349.004 269.355 349.746 268.912C350.488 268.463 351.341 268.238 352.304 268.238C353.73 268.238 354.886 268.697 355.771 269.615C356.663 270.533 357.145 271.751 357.216 273.268L357.226 273.824C357.226 274.866 357.024 275.797 356.621 276.617C356.224 277.438 355.651 278.072 354.902 278.521C354.16 278.971 353.3 279.195 352.324 279.195C350.833 279.195 349.638 278.701 348.74 277.711C347.848 276.715 347.402 275.39 347.402 273.736V273.619ZM349.775 273.824C349.775 274.911 350 275.764 350.449 276.383C350.898 276.995 351.523 277.301 352.324 277.301C353.125 277.301 353.746 276.988 354.189 276.363C354.638 275.738 354.863 274.824 354.863 273.619C354.863 272.551 354.632 271.705 354.17 271.08C353.714 270.455 353.092 270.143 352.304 270.143C351.53 270.143 350.914 270.452 350.459 271.07C350.003 271.682 349.775 272.6 349.775 273.824ZM368.665 275.729L370.345 268.434H372.659L369.779 279H367.825L365.56 271.744L363.333 279H361.38L358.489 268.434H360.804L362.513 275.65L364.681 268.434H366.468L368.665 275.729Z" fill="black" fill-opacity="0.87"/>
<rect x="256" y="120" width="60" height="40" rx="8" fill="#5087EF" fill-opacity="0.5"/>
<rect x="324" y="120" width="60" height="40" rx="8" fill="#5087EF"/>
<rect x="392" y="120" width="60" height="40" rx="8" fill="#5087EF" fill-opacity="0.5"/>
<rect x="242" y="106" width="224" height="68" stroke="#133041" stroke-width="4" stroke-linejoin="round" stroke-dasharray="12 12"/>
<path d="M588.445 279V264.781H593.318C594.926 264.781 596.15 265.104 596.99 265.748C597.83 266.393 598.25 267.353 598.25 268.629C598.25 269.28 598.074 269.866 597.723 270.387C597.371 270.908 596.857 271.311 596.18 271.598C596.948 271.806 597.54 272.2 597.957 272.779C598.38 273.352 598.592 274.042 598.592 274.85C598.592 276.184 598.162 277.21 597.303 277.926C596.45 278.642 595.226 279 593.631 279H588.445ZM590.916 272.584V277.027H593.66C594.435 277.027 595.04 276.835 595.477 276.451C595.913 276.067 596.131 275.533 596.131 274.85C596.131 273.372 595.376 272.617 593.865 272.584H590.916ZM590.916 270.768H593.338C594.106 270.768 594.705 270.595 595.135 270.25C595.571 269.898 595.789 269.404 595.789 268.766C595.789 268.062 595.587 267.555 595.184 267.242C594.786 266.93 594.165 266.773 593.318 266.773H590.916V270.768ZM600.539 273.619C600.539 272.584 600.744 271.653 601.154 270.826C601.564 269.993 602.14 269.355 602.882 268.912C603.625 268.463 604.477 268.238 605.441 268.238C606.867 268.238 608.022 268.697 608.908 269.615C609.8 270.533 610.282 271.751 610.353 273.268L610.363 273.824C610.363 274.866 610.161 275.797 609.757 276.617C609.36 277.438 608.787 278.072 608.039 278.521C607.296 278.971 606.437 279.195 605.461 279.195C603.97 279.195 602.775 278.701 601.877 277.711C600.985 276.715 600.539 275.39 600.539 273.736V273.619ZM602.912 273.824C602.912 274.911 603.136 275.764 603.586 276.383C604.035 276.995 604.66 277.301 605.461 277.301C606.261 277.301 606.883 276.988 607.326 276.363C607.775 275.738 608 274.824 608 273.619C608 272.551 607.768 271.705 607.306 271.08C606.851 270.455 606.229 270.143 605.441 270.143C604.666 270.143 604.051 270.452 603.595 271.07C603.14 271.682 602.912 272.6 602.912 273.824ZM616.099 271.91L618.111 268.434H620.747L617.515 273.639L620.855 279H618.237L616.128 275.387L614.029 279H611.392L614.732 273.639L611.509 268.434H614.126L616.099 271.91Z" fill="black" fill-opacity="0.87"/>
<rect x="536" y="72" width="60" height="60" rx="8" fill="#FA5F3D" fill-opacity="0.5"/>
<rect x="612" y="148" width="60" height="60" rx="8" fill="#FA5F3D" fill-opacity="0.5"/>
<rect x="564" y="100" width="80" height="80" rx="8" fill="#FA5F3D"/>
<rect x="522" y="58" width="164" height="164" stroke="#133041" stroke-width="4" stroke-linejoin="round" stroke-dasharray="12 12"/>
</svg>