1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 2866 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290 3291 3292 3293 3294 3295 3296 3297 3298 3299 3300 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436 3437 3438 3439 3440 3441 3442 3443 3444 3445 3446 3447 3448 3449 3450 3451 3452 3453 3454 3455 3456 3457 3458 3459 3460 3461 3462 3463 3464 3465 3466 3467 3468 3469 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571 3572 3573 3574 3575 3576 3577 3578 3579 3580 3581 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601 3602 3603 3604 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 3723 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 4133 4134 4135 4136 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 4159 4160 4161 4162 4163 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 4220 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 4247 4248 4249 4250 4251 4252 4253 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 4272 4273 4274 4275 4276 4277 4278 4279 4280 4281 4282 4283 4284 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448 4449 4450 4451 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 4583 4584 4585 4586 4587 4588 4589 4590 4591 4592 4593 4594 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769 4770 4771 4772 4773 4774 4775 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793 4794 4795 4796 4797 4798 4799 4800 4801 4802 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904 4905 4906 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 4921 4922 4923 4924 4925 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963 4964 4965 4966 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 4980 4981 4982 4983 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 4997 4998 4999 5000 5001 5002 5003 5004 5005 5006 5007 5008 5009 5010 5011 5012 5013 5014 5015 5016 5017 5018 5019 5020 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035 5036 5037 5038 5039 5040 5041 5042 5043 5044 5045 5046 5047 5048 5049 5050 5051 5052 5053 5054 5055 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189 5190 5191 5192 5193 5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 5208 5209 5210 5211 5212 5213 5214 5215 5216 5217 5218 5219 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 5270 5271 5272 5273 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 5293 5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 5336 5337 5338 5339 5340 5341 5342 5343 5344 5345 5346 5347 5348 5349 5350 5351 5352 5353 5354 5355 5356 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376 5377 5378 5379 5380 5381 5382 5383 5384 5385 5386 5387 5388 5389 5390 5391 5392 5393 5394 5395 5396 5397 5398 5399 5400 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 5415 5416 5417 5418 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 5430 5431 5432 5433 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449 5450 5451 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 5472 5473 5474 5475 5476 5477 5478 5479 5480 5481 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 5492 5493 5494 5495 5496 5497 5498 5499 5500 5501 5502 5503 5504 5505 5506 5507 5508 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 5535 5536 5537 5538 5539 5540 5541 5542 5543 5544 5545 5546 5547 5548 5549 5550 5551 5552 5553 5554 5555 5556 5557 5558 5559 5560 5561 5562 5563 5564 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593 5594 5595 5596 5597 5598 5599 5600 5601 5602 5603 5604 5605 5606 5607 5608 5609 5610 5611 5612 5613 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 5670 5671 5672 5673 5674 5675 5676 5677 5678 5679 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702 5703 5704 5705 5706 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 5717 5718 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 5729 5730 5731 5732 5733 5734 5735 5736 5737 5738 5739 5740 5741 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763 5764 5765 5766 5767 5768 5769 5770 5771 5772 5773 5774 5775 5776 5777 5778 5779 5780 5781 5782 5783 5784 5785 5786 5787 5788 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807 5808 5809 5810 5811 5812 5813 5814 5815 5816 5817 5818 5819 5820 5821 5822 5823 5824 5825 5826 5827 5828 5829 5830 5831 5832 5833 5834 5835 5836 5837 5838 5839 5840 5841 5842 5843 5844 5845 5846 5847 5848 5849 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881 5882 5883 5884 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 5901 5902 5903 5904 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921 5922 5923 5924 5925 5926 5927 5928 5929 5930 5931 5932 5933 5934 5935 5936 5937 5938 5939 5940 5941 5942 5943 5944 5945 5946 5947 5948 5949 5950 5951 5952 5953 5954 5955 5956 5957 5958 5959 5960 5961 5962 5963 5964 5965 5966 5967 5968 5969 5970 5971 5972 5973 5974 5975 5976 5977 5978 5979 5980 5981 5982 5983 5984 5985 5986 5987 5988 5989 5990 5991 5992 5993 5994 5995 5996 5997 5998 5999 6000 6001 6002 6003 6004 6005 6006 6007 6008 6009 6010 6011 6012 6013 6014 6015 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 6094 6095 6096 6097 6098 6099 6100 6101 6102 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 6116 6117 6118 6119 6120 6121 6122 6123 6124 6125 6126 6127 6128 6129 6130 6131 6132 6133 6134 6135 6136 6137 6138 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229 6230 6231 6232 6233 6234 6235 6236 6237 6238 6239 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254 6255 6256 6257 6258 6259 6260 6261 6262 6263 6264 6265 6266 6267 6268 6269 6270 6271 6272 6273 6274 6275 6276 6277 6278 6279 6280 6281 6282 6283 6284 6285 6286 6287 6288 6289 6290 6291 6292 6293 6294 6295 6296 6297 6298 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 6313 6314 6315 6316 6317 6318 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 6332 6333 6334 6335 6336 6337 6338 6339 6340 6341 6342 6343 6344 6345 6346 6347 6348 6349 6350 6351 6352 6353 6354 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 6383 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 6404 6405 6406 6407 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 6431 6432 6433 6434 6435 6436 6437 6438 6439 6440 6441 6442 6443 6444 6445 6446 6447 6448 6449 6450 6451 6452 6453 6454 6455 6456 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 6483 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 6498 6499 6500 6501 6502 6503 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538 6539 6540 6541 6542 6543 6544 6545 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 6568 6569 6570 6571 6572 6573 6574 6575 6576 6577 6578 6579 6580 6581 6582 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 6593 6594 6595 6596 6597 6598 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 6635 6636 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672 6673 6674 6675 6676 6677 6678 6679 6680 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695 6696 6697 6698 6699 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721 6722 6723 6724 6725 6726 6727 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 6743 6744 6745 6746 6747 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 6767 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 6786 6787 6788 6789 6790 6791 6792 6793 6794 6795 6796 6797 6798 6799 6800 6801 6802 6803 6804 6805 6806 6807 6808 6809 6810 6811 6812 6813 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 6828 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852 6853 6854 6855 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872 6873 6874 6875 6876 6877 6878 6879 6880 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 6895 6896 6897 6898 6899 6900 6901 6902 6903 6904 6905 6906 6907 6908 6909 6910 6911 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936 6937 6938 6939 6940 6941 6942 6943 6944 6945 6946 6947 6948 6949 6950 6951 6952 6953 6954 6955 6956 6957 6958 6959 6960 6961 6962 6963 6964 6965 6966 6967 6968 6969 6970 6971 6972 6973 6974 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 6997 6998 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 7041 7042 7043 7044 7045 7046 7047 7048 7049 7050 7051 7052 7053 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081 7082 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 7102 7103 7104 7105 7106 7107 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 7305 7306 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 7329 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 7396 7397 7398 7399 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438 7439 7440 7441 7442 7443 7444 7445 7446 7447 7448 7449 7450 7451 7452 7453 7454 7455 7456 7457 7458 7459 7460 7461 7462 7463 7464 7465 7466 7467 7468 7469 7470 7471 7472 7473 7474 7475 7476 7477 7478 7479 7480 7481 7482 7483 7484 7485 7486 7487 7488 7489 7490 7491 7492 7493 7494 7495 7496 7497 7498 7499 7500 7501 7502 7503 7504 7505 7506 7507 7508 7509 7510 7511 7512 7513 7514 7515 7516 7517 7518 7519 7520 7521 7522 7523 7524 7525 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 7544 7545 7546 7547 7548 7549 7550 7551 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 7571 7572 7573 7574 7575 7576 7577 7578 7579 7580 7581 7582 7583 7584 7585 7586 7587 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610 7611 7612 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 7623 7624 7625 7626 7627 7628 7629 7630 7631 7632 7633 7634 7635 7636 7637 7638 7639 7640 7641 7642 7643 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 7666 7667 7668 7669 7670 7671 7672 7673 7674 7675 7676 7677 7678 7679 7680 7681 7682 7683 7684 7685 7686 7687 7688 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 7700 7701 7702 7703 7704 7705 7706 7707 7708 7709 7710 7711 7712 7713 7714 7715 7716 7717 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 7728 7729 7730 7731 7732 7733 7734 7735 7736 7737 7738 7739 7740 7741 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 7752 7753 7754 7755 7756 7757 7758 7759 7760 7761 7762 7763 7764 7765 7766 7767 7768 7769 7770 7771 7772 7773 7774 7775 7776 7777 7778 7779 7780 7781 7782 7783 7784 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 7812 7813 7814 7815 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 7836 7837 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 7881 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926 7927 7928 7929 7930 7931 7932 7933 7934 7935 7936 7937 7938 7939 7940 7941 7942 7943 7944 7945 7946 7947 7948 7949 7950 7951 7952 7953 7954 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 7966 7967 7968 7969 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980 7981 7982 7983 7984 7985 7986 7987 7988 7989 7990 7991 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 8070 8071 8072 8073 8074 8075 8076 8077 8078 8079 8080 8081 8082 8083 8084 8085 8086 8087 8088 8089 8090 8091 8092 8093 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 8120 8121 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 8132 8133 8134 8135 8136 8137 8138 8139 8140 8141 8142 8143 8144 8145 8146 8147 8148 8149 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 8160 8161 8162 8163 8164 8165 8166 8167 8168 8169 8170 8171 8172 8173 8174 8175 8176 8177 8178 8179 8180 8181 8182 8183 8184 8185 8186 8187 8188 8189 8190 8191 8192 8193 8194 8195 8196 8197 8198 8199 8200 8201 8202 8203 8204 8205 8206 8207 8208 8209 8210 8211 8212 8213 8214 8215 8216 8217 8218 8219 8220 8221 8222 8223 8224 8225 8226 8227 8228 8229 8230 8231 8232 8233 8234 8235 8236 8237 8238 8239 8240 8241 8242 8243 8244 8245 8246 8247 8248 8249 8250 8251 8252 8253 8254 8255 8256 8257 8258 8259 8260 8261 8262 8263 8264 8265 8266 8267 8268 8269 8270 8271 8272 8273 8274 8275 8276 8277 8278 8279 8280 8281 8282 8283 8284 8285 8286 8287 8288 8289 8290 8291 8292 8293 8294 8295 8296 8297 8298 8299 8300 8301 8302 8303 8304 8305 8306 8307 8308 8309 8310 8311 8312 8313 8314 8315 8316 8317 8318 8319 8320 8321 8322 8323 8324 8325 8326 8327 8328 8329 8330 8331 8332 8333 8334 8335 8336 8337 8338 8339 8340 8341 8342 8343 8344 8345 8346 8347 8348 8349 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359 8360 8361 8362 8363 8364 8365 8366 8367 8368 8369 8370 8371 8372 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 8387 8388 8389 8390 8391 8392 8393 8394 8395 8396 8397 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 8408 8409 8410 8411 8412 8413 8414 8415 8416 8417 8418 8419 8420 8421 8422 8423 8424 8425 8426 8427 8428 8429 8430 8431 8432 8433 8434 8435 8436 8437 8438 8439 8440 8441 8442 8443 8444 8445 8446 8447 8448 8449 8450 8451 8452 8453 8454 8455 8456 8457 8458 8459 8460 8461 8462 8463 8464 8465 8466 8467 8468 8469 8470 8471 8472 8473 8474 8475 8476 8477 8478 8479 8480 8481 8482 8483 8484 8485 8486 8487 8488 8489 8490 8491 8492 8493 8494 8495 8496 8497 8498 8499 8500 8501 8502 8503 8504 8505 8506 8507 8508 8509 8510 8511 8512 8513 8514 8515 8516 8517 8518 8519 8520 8521 8522 8523 8524 8525 8526 8527 8528 8529 8530 8531 8532 8533 8534 8535 8536 8537 8538 8539 8540 8541 8542 8543 8544 8545 8546 8547 8548 8549 8550 8551 8552 8553 8554 8555 8556 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 8567 8568 8569 8570 8571 8572 8573 8574 8575 8576 8577 8578 8579 8580 8581 8582 8583 8584 8585 8586 8587 8588 8589 8590 8591 8592 8593 8594 8595 8596 8597 8598 8599 8600 8601 8602 8603 8604 8605 8606 8607 8608 8609 8610 8611 8612 8613 8614 8615 8616 8617 8618 8619 8620 8621 8622 8623 8624 8625 8626 8627 8628 8629 8630 8631 8632 8633 8634 8635 8636 8637 8638 8639 8640 8641 8642 8643 8644 8645 8646 8647 8648 8649 8650 8651 8652 8653 8654 8655 8656 8657 8658 8659 8660 8661 8662 8663 8664 8665 8666 8667 8668 8669 8670 8671 8672 8673 8674 8675 8676 8677 8678 8679 8680 8681 8682 8683 8684 8685 8686 8687 8688 8689 8690 8691 8692 8693 8694 8695 8696 8697 8698 8699 8700 8701 8702 8703 8704 8705 8706 8707 8708 8709 8710 8711 8712 8713 8714 8715 8716 8717 8718 8719 8720 8721 8722 8723 8724 8725 8726 8727 8728 8729 8730 8731 8732 8733 8734 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764 8765 8766 8767 8768 8769 8770 8771 8772 8773 8774 8775 8776 8777 8778 8779 8780 8781 8782 8783 8784 8785 8786 8787 8788 8789 8790 8791 8792 8793 8794 8795 8796 8797 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 8808 8809 8810 8811 8812 8813 8814 8815 8816 8817 8818 8819 8820 8821 8822 8823 8824 8825 8826 8827 8828 8829 8830 8831 8832 8833 8834 8835 8836 8837 8838 8839 8840 8841 8842 8843 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 8863 8864 8865 8866 8867 8868 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 8880 8881 8882 8883 8884 8885 8886 8887 8888 8889 8890 8891 8892 8893 8894 8895 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907 8908 8909 8910 8911 8912 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 8923 8924 8925 8926 8927 8928 8929 8930 8931 8932 8933 8934 8935 8936 8937 8938 8939 8940 8941 8942 8943 8944 8945 8946 8947 8948 8949 8950 8951 8952 8953 8954 8955 8956 8957 8958 8959 8960 8961 8962 8963 8964 8965 8966 8967 8968 8969 8970 8971 8972 8973 8974 8975 8976 8977 8978 8979 8980 8981 8982 8983 8984 8985 8986 8987 8988 8989 8990 8991 8992 8993 8994 8995 8996 8997 8998 8999 9000 9001 9002 9003 9004 9005 9006 9007 9008 9009 9010 9011 9012 9013 9014 9015 9016 9017 9018 9019 9020 9021 9022 9023 9024 9025 9026 9027 9028 9029 9030 9031 9032 9033 9034 9035 9036 9037 9038 9039 9040 9041 9042 9043 9044 9045 9046 9047 9048 9049 9050 9051 9052 9053 9054 9055 9056 9057 9058 9059 9060 9061 9062 9063 9064 9065 9066 9067 9068 9069 9070 9071 9072 9073 9074 9075 9076 9077 9078 9079 9080 9081 9082 9083 9084 9085 9086 9087 9088 9089 9090 9091 9092 9093 9094 9095 9096 9097 9098 9099 9100 9101 9102 9103 9104 9105 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 9116 9117 9118 9119 9120 9121 9122 9123 9124 9125 9126 9127 9128 9129 9130 9131 9132 9133 9134 9135 9136 9137 9138 9139 9140 9141 9142 9143 9144 9145 9146 9147 9148 9149 9150 9151 9152 9153 9154 9155 9156 9157 9158 9159 9160 9161 9162 9163 9164 9165 9166 9167 9168 9169 9170 9171 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185 9186 9187 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202 9203 9204 9205 9206 9207 9208 9209 9210 9211 9212 9213 9214 9215 9216 9217 9218 9219 9220 9221 9222 9223 9224 9225 9226 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 9237 9238 9239 9240 9241 9242 9243 9244 9245 9246 9247 9248 9249 9250 9251 9252 9253 9254 9255 9256 9257 9258 9259 9260 9261 9262 9263 9264 9265 9266 9267 9268 9269 9270 9271 9272 9273 9274 9275 9276 9277 9278 9279 9280 9281 9282 9283 9284 9285 9286 9287 9288 9289 9290 9291 9292 9293 9294 9295 9296 9297 9298 9299 9300 9301 9302 9303 9304 9305 9306 9307 9308 9309 9310 9311 9312 9313 9314 9315 9316 9317 9318 9319 9320 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 9332 9333 9334 9335 9336 9337 9338 9339 9340 9341 9342 9343 9344 9345 9346 9347 9348 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 9359 9360 9361 9362 9363 9364 9365 9366 9367 9368 9369 9370 9371 9372 9373 9374 9375 9376 9377 9378 9379 9380 9381 9382 9383 9384 9385 9386 9387 9388 9389 9390 9391 9392 9393 9394 9395 9396 9397 9398 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410 9411 9412 9413 9414 9415 9416 9417 9418 9419 9420 9421 9422 9423 9424 9425 9426 9427 9428 9429 9430 9431 9432 9433 9434 9435 9436 9437 9438 9439 9440 9441 9442 9443 9444 9445 9446 9447 9448 9449 9450 9451 9452 9453 9454 9455 9456 9457 9458 9459 9460 9461 9462 9463 9464 9465 9466 9467 9468 9469 9470 9471 9472 9473 9474 9475 9476 9477 9478 9479 9480 9481 9482 9483 9484 9485 9486 9487 9488 9489 9490 9491 9492 9493 9494 9495 9496 9497 9498 9499 9500 9501 9502 9503 9504 9505 9506 9507 9508 9509 9510 9511 9512 9513 9514 9515 9516 9517 9518 9519 9520 9521 9522 9523 9524 9525 9526 9527 9528 9529 9530 9531 9532 9533 9534 9535 9536 9537 9538 9539 9540 9541 9542 9543 9544 9545 9546 9547 9548 9549 9550 9551 9552 9553 9554 9555 9556 9557 9558 9559 9560 9561 9562 9563 9564 9565 9566 9567 9568 9569 9570 9571 9572 9573 9574 9575 9576 9577 9578 9579 9580 9581 9582 9583 9584 9585 9586 9587 9588 9589 9590 9591 9592 9593 9594 9595 9596 9597 9598 9599 9600 9601 9602 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 9613 9614 9615 9616 9617 9618 9619 9620 9621 9622 9623 9624 9625 9626 9627 9628 9629 9630 9631 9632 9633 9634 9635 9636 9637 9638 9639 9640 9641 9642 9643 9644 9645 9646 9647 9648 9649 9650 9651 9652 9653 9654 9655 9656 9657 9658 9659 9660 9661 9662 9663 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 9703 9704 9705 9706 9707 9708 9709 9710 9711 9712 9713 9714 9715 9716 9717 9718 9719 9720 9721 9722 9723 9724 9725 9726 9727 9728 9729 9730 9731 9732 9733 9734 9735 9736 9737 9738 9739 9740 9741 9742 9743 9744 9745 9746 9747 9748 9749 9750 9751 9752 9753 9754 9755 9756 9757 9758 9759 9760 9761 9762 9763 9764 9765 9766 9767 9768 9769 9770 9771 9772 9773 9774 9775 9776 9777 9778 9779 9780 9781 9782 9783 9784 9785 9786 9787 9788 9789 9790 9791 9792 9793 9794 9795 9796 9797 9798 9799 9800 9801 9802 9803 9804 9805 9806 9807 9808 9809 9810 9811 9812 9813 9814 9815 9816 9817 9818 9819 9820 9821 9822 9823 9824 9825 9826 9827 9828 9829 9830 9831 9832 9833 9834 9835 9836 9837 9838 9839 9840 9841 9842 9843 9844 9845 9846 9847 9848 9849 9850 9851 9852 9853 9854 9855 9856 9857 9858 9859 9860 9861 9862 9863 9864 9865 9866 9867 9868 9869 9870 9871 9872 9873 9874 9875 9876 9877 9878 9879 9880 9881 9882 9883 9884 9885 9886 9887 9888 9889 9890 9891 9892 9893 9894 9895 9896 9897 9898 9899 9900 9901 9902 9903 9904 9905 9906 9907 9908 9909 9910 9911 9912 9913 9914 9915 9916 9917 9918 9919 9920 9921 9922 9923 9924 9925 9926 9927 9928 9929 9930 9931 9932 9933 9934 9935 9936 9937 9938 9939 9940 9941 9942 9943 9944 9945 9946 9947 9948 9949 9950 9951 9952 9953 9954 9955 9956 9957 9958 9959 9960 9961 9962 9963 9964 9965 9966 9967 9968 9969 9970 9971 9972 9973 9974 9975 9976 9977 9978 9979 9980 9981 9982 9983 9984 9985 9986 9987 9988 9989 9990 9991 9992 9993 9994 9995 9996 9997 9998 9999 10000 10001 10002 10003 10004 10005 10006 10007 10008 10009 10010 10011 10012 10013 10014 10015 10016 10017 10018 10019 10020 10021 10022 10023 10024 10025 10026 10027 10028 10029 10030 10031 10032 10033 10034 10035 10036 10037 10038 10039 10040 10041 10042 10043 10044 10045 10046 10047 10048 10049 10050 10051 10052 10053 10054 10055 10056 10057 10058 10059 10060 10061 10062 10063 10064 10065 10066 10067 10068 10069 10070 10071 10072 10073 10074 10075 10076 10077 10078 10079 10080 10081 10082 10083 10084 10085 10086 10087 10088 10089 10090 10091 10092 10093 10094 10095 10096 10097 10098 10099 10100 10101 10102 10103 10104 10105 10106 10107 10108 10109 10110 10111 10112 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 10137 10138 10139 10140 10141 10142 10143 10144 10145 10146 10147 10148 10149 10150 10151 10152 10153 10154 10155 10156 10157 10158 10159 10160 10161 10162 10163 10164 10165 10166 10167 10168 10169 10170 10171 10172 10173 10174 10175 10176 10177 10178 10179 10180 10181 10182 10183 10184 10185 10186 10187 10188 10189 10190 10191 10192 10193 10194 10195 10196 10197 10198 10199 10200 10201 10202 10203 10204 10205 10206 10207 10208 10209 10210 10211 10212 10213 10214 10215 10216 10217 10218 10219 10220 10221 10222 10223 10224 10225 10226 10227 10228 10229 10230 10231 10232 10233 10234 10235 10236 10237 10238 10239 10240 10241 10242 10243 10244 10245 10246 10247 10248 10249 10250 10251 10252 10253 10254 10255 10256 10257 10258 10259 10260 10261 10262 10263 10264 10265 10266 10267 10268 10269 10270 10271 10272 10273 10274 10275 10276 10277 10278 10279 10280 10281 10282 10283 10284 10285 10286 10287 10288 10289 10290 10291 10292 10293 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303 10304 10305 10306 10307 10308 10309 10310 10311 10312 10313 10314 10315 10316 10317 10318 10319 10320 10321 10322 10323 10324 10325 10326 10327 10328 10329 10330 10331 10332 10333 10334 10335 10336 10337 10338 10339 10340 10341 10342 10343 10344 10345 10346 10347 10348 10349 10350 10351 10352 10353 10354 10355 10356 10357 10358 10359 10360 10361 10362 10363 10364 10365 10366 10367 10368 10369 10370 10371 10372 10373 10374 10375 10376 10377 10378 10379 10380 10381 10382 10383 10384 10385 10386 10387 10388 10389 10390 10391 10392 10393 10394 10395 10396 10397 10398 10399 10400 10401 10402 10403 10404 10405 10406 10407 10408 10409 10410 10411 10412 10413 10414 10415 10416 10417 10418 10419 10420 10421 10422 10423 10424 10425 10426 10427 10428 10429 10430 10431 10432 10433 10434 10435 10436 10437 10438 10439 10440 10441 10442 10443 10444 10445 10446 10447 10448 10449 10450 10451 10452 10453 10454 10455 10456 10457 10458 10459 10460 10461 10462 10463 10464 10465 10466 10467 10468 10469 10470 10471 10472 10473 10474 10475 10476 10477 10478 10479 10480 10481 10482 10483 10484 10485 10486 10487 10488 10489 10490 10491 10492 10493 10494 10495 10496 10497 10498 10499 10500 10501 10502 10503 10504 10505 10506 10507 10508 10509 10510 10511 10512 10513 10514 10515 10516 10517 10518 10519 10520 10521 10522 10523 10524 10525 10526 10527 10528 10529 10530 10531 10532 10533 10534 10535 10536 10537 10538 10539 10540 10541 10542 10543 10544 10545 10546 10547 10548 10549 10550 10551 10552 10553 10554 10555 10556 10557 10558 10559 10560 10561 10562 10563 10564 10565 10566 10567 10568 10569 10570 10571 10572 10573 10574 10575 10576 10577 10578 10579 10580 10581 10582 10583 10584 10585 10586 10587 10588 10589 10590 10591 10592 10593 10594 10595 10596 10597 10598 10599 10600 10601 10602 10603 10604 10605 10606 10607 10608 10609 10610 10611 10612 10613 10614 10615 10616 10617 10618 10619 10620 10621 10622 10623 10624 10625 10626 10627 10628 10629 10630 10631 10632 10633 10634 10635 10636 10637 10638 10639 10640 10641 10642 10643 10644 10645 10646 10647 10648 10649 10650 10651 10652 10653 10654 10655 10656 10657 10658 10659 10660 10661 10662 10663 10664 10665 10666 10667 10668 10669 10670 10671 10672 10673 10674 10675 10676 10677 10678 10679 10680 10681 10682 10683 10684 10685 10686 10687 10688 10689 10690 10691 10692 10693 10694 10695 10696 10697 10698 10699 10700 10701 10702 10703 10704 10705 10706 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719 10720 10721 10722 10723 10724 10725 10726 10727 10728 10729 10730 10731 10732 10733 10734 10735 10736 10737 10738 10739 10740 10741 10742 10743 10744 10745 10746 10747 10748 10749 10750 10751 10752 10753 10754 10755 10756 10757 10758 10759 10760 10761 10762 10763 10764 10765 10766 10767 10768 10769 10770 10771 10772 10773 10774 10775 10776 10777 10778 10779 10780 10781 10782 10783 10784 10785 10786 10787 10788 10789 10790 10791 10792 10793 10794 10795 10796 10797 10798 10799 10800 10801 10802 10803 10804 10805 10806 10807 10808 10809 10810 10811 10812 10813 10814 10815 10816 10817 10818 10819 10820 10821 10822 10823 10824 10825 10826 10827 10828 10829 10830 10831 10832 10833 10834 10835 10836 10837 10838 10839 10840 10841 10842 10843 10844 10845 10846 10847 10848 10849 10850 10851 10852 10853 10854 10855 10856 10857 10858 10859 10860 10861 10862 10863 10864 10865 10866 10867 10868 10869 10870 10871 10872 10873 10874 10875 10876 10877 10878 10879 10880 10881 10882 10883 10884 10885 10886 10887 10888 10889 10890 10891 10892 10893 10894 10895 10896 10897 10898 10899 10900 10901 10902 10903 10904 10905 10906 10907 10908 10909 10910 10911 10912 10913 10914 10915 10916 10917 10918 10919 10920 10921 10922 10923 10924 10925 10926 10927 10928 10929 10930 10931 10932 10933 10934 10935 10936 10937 10938 10939 10940 10941 10942 10943 10944 10945 10946 10947 10948 10949 10950 10951 10952 10953 10954 10955 10956 10957 10958 10959 10960 10961 10962 10963 10964 10965 10966 10967 10968 10969 10970 10971 10972 10973 10974 10975 10976 10977 10978 10979 10980 10981 10982 10983 10984 10985 10986 10987 10988 10989 10990 10991 10992 10993 10994 10995 10996 10997 10998 10999 11000 11001 11002 11003 11004 11005 11006 11007 11008 11009 11010 11011 11012 11013 11014 11015 11016 11017 11018 11019 11020 11021 11022 11023 11024 11025 11026 11027 11028 11029 11030 11031 11032 11033 11034 11035 11036 11037 11038 11039 11040 11041 11042 11043 11044 11045 11046 11047 11048 11049 11050 11051 11052 11053 11054 11055 11056 11057 11058 11059 11060 11061 11062 11063 11064 11065 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080 11081 11082 11083 11084 11085 11086 11087 11088 11089 11090 11091 11092 11093 11094 11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 11107 11108 11109 11110 11111 11112 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 11125 11126 11127 11128 11129 11130 11131 11132 11133 11134 11135 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 11146 11147 11148 11149 11150 11151 11152 11153 11154 11155 11156 11157 11158 11159 11160 11161 11162 11163 11164 11165 11166 11167 11168 11169 11170 11171 11172 11173 11174 11175 11176 11177 11178 11179 11180 11181 11182 11183 11184 11185 11186 11187 11188 11189 11190 11191 11192 11193 11194 11195 11196 11197 11198 11199 11200 11201 11202 11203 11204 11205 11206 11207 11208 11209 11210 11211 11212 11213 11214 11215 11216 11217 11218 11219 11220 11221 11222 11223 11224 11225 11226 11227 11228 11229 11230 11231 11232 11233 11234 11235 11236 11237 11238 11239 11240 11241 11242 11243 11244 11245 11246 11247 11248 11249 11250 11251 11252 11253 11254 11255 11256 11257 11258 11259 11260 11261 11262 11263 11264 11265 11266 11267 11268 11269 11270 11271 11272 11273 11274 11275 11276 11277 11278 11279 11280 11281 11282 11283 11284 11285 11286 11287 11288 11289 11290 11291 11292 11293 11294 11295 11296 11297 11298 11299 11300 11301 11302 11303 11304 11305 11306 11307 11308 11309 11310 11311 11312 11313 11314 11315 11316 11317 11318 11319 11320 11321 11322 11323 11324 11325 11326 11327 11328 11329 11330 11331 11332 11333 11334 11335 11336 11337 11338 11339 11340 11341 11342 11343 11344 11345 11346 11347 11348 11349 11350 11351 11352 11353 11354 11355 11356 11357 11358 11359 11360 11361 11362 11363 11364 11365 11366 11367 11368 11369 11370 11371 11372 11373 11374 11375 11376 11377 11378 11379 11380 11381 11382 11383 11384 11385 11386 11387 11388 11389 11390 11391 11392 11393 11394 11395 11396 11397 11398 11399 11400 11401 11402 11403 11404 11405 11406 11407 11408 11409 11410 11411 11412 11413 11414 11415 11416 11417 11418 11419 11420 11421 11422 11423 11424 11425 11426 11427 11428 11429 11430 11431 11432 11433 11434 11435 11436 11437 11438 11439 11440 11441 11442 11443 11444 11445 11446 11447 11448 11449 11450 11451 11452 11453 11454 11455 11456 11457 11458 11459 11460 11461 11462 11463 11464 11465 11466 11467 11468 11469 11470 11471 11472 11473 11474 11475 11476 11477 11478 11479 11480 11481 11482 11483 11484 11485 11486 11487 11488 11489 11490 11491 11492 11493 11494 11495 11496 11497 11498 11499 11500 11501 11502 11503 11504 11505 11506 11507 11508 11509 11510 11511 11512 11513 11514 11515 11516 11517 11518 11519 11520 11521 11522 11523 11524 11525 11526 11527 11528 11529 11530 11531 11532 11533 11534 11535 11536 11537 11538 11539 11540 11541 11542 11543 11544 11545 11546 11547 11548 11549 11550 11551 11552 11553 11554 11555 11556 11557 11558 11559 11560 11561 11562 11563 11564 11565 11566 11567 11568 11569 11570 11571 11572 11573 11574 11575 11576 11577 11578 11579 11580 11581 11582 11583 11584 11585 11586 11587 11588 11589 11590 11591 11592 11593 11594 11595 11596 11597 11598 11599 11600 11601 11602 11603 11604 11605 11606 11607 11608 11609 11610 11611 11612 11613 11614 11615 11616 11617 11618 11619 11620 11621 11622 11623 11624 11625 11626 11627 11628 11629 11630 11631 11632 11633 11634 11635 11636 11637 11638 11639 11640 11641 11642 11643 11644 11645 11646 11647 11648 11649 11650 11651 11652 11653 11654 11655 11656 11657 11658 11659 11660 11661 11662 11663 11664 11665 11666 11667 11668 11669 11670 11671 11672 11673 11674 11675 11676 11677 11678 11679
|
<?xml version="1.0"?>
<!DOCTYPE book PUBLIC "-//OASIS//DTD DocBook XML V4.1.2//EN"
"http://www.oasis-open.org/docbook/xml/4.1.2/docbookx.dtd" [
<!ENTITY url_refdocs_base_glib "../../reference/html/classGlib_1_1">
<!ENTITY url_refdocs_base_gtk "../../reference/html/classGtk_1_1">
<!ENTITY url_refdocs_base_gtk_namespace "../../reference/html/namespaceGtk_1_1">
<!ENTITY url_figures_base "../figures/">
<!ENTITY path_examples_base "../examples/book/">
<!ENTITY url_examples_base "../&path_examples_base;">
]>
<book xmlns:xi="http://www.w3.org/2001/XInclude">
<bookinfo>d
<title>Programming with gtkmm2</title>
<authorgroup>
<author>
<firstname>Murray</firstname>
<surname>Cumming</surname>
</author>
<author>
<firstname>Bernhard</firstname>
<surname>Rieder</surname>
<contrib>Chapter on "Timeouts".</contrib>
</author>
<author>
<firstname>Jason</firstname>
<surname>M'Sadoques</surname>
<contrib>Chapter on "Drawing Area".</contrib>
</author>
<author>
<firstname>Ole</firstname>
<surname>Laursen</surname>
<contrib>Parts of chapter on "Internationalization".</contrib>
</author>
<author>
<firstname>Gene</firstname>
<surname>Ruebsamen</surname>
<contrib>Chapter on "Win32 Installation".</contrib>
</author>
<author>
<firstname>Cedric</firstname>
<surname>Gustin</surname>
<contrib>Chapter on "Win32 Installation".</contrib>
</author>
</authorgroup>
<abstract>
<para>Not all sections have
been completed - some have not been started. Some chapters have been
written, but not edited or proofread. Since they do contain helpful
information, they have been included, and are marked "draft".
We are working hard to make this helpful and accurate. We would very much appreciate any reports of
inaccuracies or other errors in this document. Contributions are also
most welcome. Post your suggestions, critiques or addenda to the <ulink
url="mailto:gtkmm-list@gnome.org">gtkmm mailing list</ulink>
-- The gtkmm Development Team
</para>
</abstract>
<copyright>
<year>2002</year>
<holder>Murray Cumming</holder>
</copyright>
<legalnotice>
<para>
Permission is granted to copy, distribute and/or modify this document
under the terms of the GNU Free Documentation License, Version 1.2
or any later version published by the Free Software Foundation;
with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
You may obtain a copy of the GNU Free Documentation License from the Free Software Foundation by visiting their Web site or by writing to: Free Software Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
</para>
</legalnotice>
</bookinfo>
<chapter id="sec-introduction">
<title>Introduction</title>
<sect1>
<title>This book</title>
<para>This book assumes a good
understanding of C++, and how to create C++ programs.
</para>
<para>This book attempts to explain key <literal>gtkmm</literal> concepts and introduce some of the more commonly used user interface elements ("widgets"). Although it mentions classes, constructors, and methods, it does not go into great detail. For full API information you should follow the links into the reference documentation.</para>
<para>
This document is a work in progress. You can find updates on the
<ulink url="http://www.gtkmm.org/">gtkmm home page</ulink>.
</para>
<para>
We would very much like to hear of any problems you have learning gtkmm
with this document, and would appreciate input regarding improvements. Please see the <link linkend="sec-Contributing">Contributing</link> section for further information.
</para>
</sect1>
<sect1>
<title>gtkmm</title>
<para>
gtkmm is a C++ wrapper for
<ulink url="http://www.gtk.org/">GTK+</ulink>,
a library used to create graphical user
interfaces. It is licensed using the LGPL license, so you can develop
open software, free software, or even commercial non-free software
using gtkmm without purchasing licenses.
</para>
<para>gtkmm was originally named gtk-- because GTK+ already has a + in the name. However, as -- is not easily indexed by search engines the package generally went by the name gtkmm, and that's what we stuck with.</para>
<sect2>
<title>Why use gtkmm instead of GTK+?</title>
<para>gtkmm allows you to write code using normal C++ techniques such as encapsulation, derivation, and polymorphism. As a C++ programmer you probably already realise that this leads to clearer and better organised code.</para>
<para>gtkmm is more type-safe, so the compiler can detect errors that would only be detected at run time when using C. This use of specific types also makes the API clearer because you can see what types should be used just by looking at a method's declaration.</para>
<para>Inheritance can be used to derive new widgets. The derivation of new widgets in GTK+ C code is so complicated and error prone that almost no C coders do it. As a C++ developer you know that derivation is an essential Object Orientated technique.</para>
<para>Member instances can be used, simplifying memory management. All GTK+ C widgets are dealt with by use of pointers. As a C++ coder you know that pointers should be avoided where possible.</para>
<para>gtkmm involves less code compared to GTK+, which uses prefixed function names and lots of cast macros.</para>
</sect2>
<sect2>
<title>gtkmm compared to QT</title>
<para>Trolltech's QT is the closest competition to gtkmm, so it deserves discussion.</para>
<para>gtkmm developers tend to prefer gtkmm to QT because gtkmm does things in a more C++ way. QT originates from a time when C++ and the standard library were not standardised or well supported by compilers. It therefore duplicates a lot of stuff that is now in the standard library, such as containers and type information. Most significantly, Trolltech modified the C++ language to provide signals, so that QT classes can not be used easily with non-QT classes. gtkmm was able to use standard C++ to provide signals without changing the C++ language. See the FAQ for more detailed differences.</para>
</sect2>
<sect2>
<title>gtkmm is a wrapper</title>
<para>
gtkmm is not a native C++ toolkit, but a C++ wrapper of a C toolkit. This separation of interface and implementation has advantages. The gtkmm developers spend most of their time talking about how gtkmm can present the clearest API, without awkward compromises due to obscure technical details. We contribute a little to the underlying GTK+ code base, but so do the C coders, and the Perl coders and the Python coders, etc. Therefore GTK+ benefits from a broader user base than language-specific toolkits - there are more implementers, more developers, more testers, and more users.</para>
<para>Microsoft's MFC has given GUI wrapper libraries a bad name, but gtkmm doesn't suffer from the same problems because GTK+ is written in high quality object-orientated C, with language-bindings in mind.</para>
</sect2>
</sect1>
</chapter>
<chapter id="sec-installation">
<title>Installation</title>
<para>
gtkmm can be downloaded from <ulink url="http://www.gtkmm.org/"></ulink>.
</para>
<para>
Remember that you will probably need to be <literal>root</literal> to install software. The <literal>su</literal> command will allow you to enter the <literal>root</literal> password and have <literal>root</literal> status temporarily.</para>
<sect1>
<title>Dependencies</title>
<para>
Before installing gtkmm 2, you should first install these other packages.
</para>
<itemizedlist>
<listitem><para>libsigc++ 1.2</para></listitem>
<listitem><para>GTK+ 2.0</para></listitem>
</itemizedlist>
<para>
And GTK+ also requires these packages.
</para>
<itemizedlist>
<listitem><para>pkg-config</para></listitem>
<listitem><para>glib</para></listitem>
<listitem><para>ATK</para></listitem>
<listitem><para>Pango</para></listitem>
</itemizedlist>
</sect1>
<sect1>
<title>Unix and Linux</title>
<sect2>
<title>From Source</title>
<para>
gtkmm and its dependencies can be built and installed with the following sequence of commands:
<programlisting>
# ./configure
# make
# make install
</programlisting>
</para>
<para>
On some systems you will need to install to a different location. For instance, on Red Hat Linux systems you might use the <literal>--prefix</literal> option with configure, like so:
<programlisting>
# ./configure --prefix=/usr
</programlisting>
</para>
<para>
The configure script will warn you if you have not installed any of the other packages that it needs.
</para>
</sect2>
<sect2>
<title>Prebuilt Packages</title>
<sect3>
<title>Debian GNU/Linux</title>
<para>On Debian GNU/Linux, gtkmm 2.0 is available in unstable/sid. You can install gtkmm by typing this on the command-line:
<programlisting>
apt-get install libgtkmm2.0-dev
</programlisting>
If you use stable/woody however, you'll have to compile gtkmm2 yourself.
</para>
</sect3>
<sect3>
<title>Red Hat Linux</title>
<para>RedHat do not yet provide RPMs of gtkmm. We hope they will do this soon.</para>
</sect3>
<sect3>
<title>Mandrake Linux</title>
<para>TODO. gtkmm is in the betas.</para>
</sect3>
</sect2>
</sect1>
<sect1>
<title>Microsoft Windows</title>
<para>GTK+ and gtkmm were designed to work well with Microsoft Windows, and the developers encourage its use on the win32 platform. However, Windows has no standard installation system for development libraries. Please see the <link linkend="sec-windows-installation">Windows Installation</link>
appendix for win32-specific installation instructions and notes.</para>
</sect1>
</chapter>
<chapter id="sec-basics">
<title>Basics</title>
<para>
This chapter will introduce some of the most important aspects of gtkmm coding. These will be demonstrated with simple working example code. However, this is just a taster, so you need to look at the other chapters for more substantial information.
</para>
<para>
Your existing knowledge of C++ will be help you with gtkmm as it would with any library. Unless we state otherwise, you can expect gtkmm classes to behave like any other C++ class, and you can expect to use your existing C++ techniques with gtkmm classes.
</para>
<sect1>
<title>Simple Example</title>
<para>
To begin our introduction to gtkmm, we'll start with the simplest
program possible. This program will create an empty 200 x 200 pixel window.
</para>
<para>
Source location: examples/base/base.cc
<programlisting>
<xi:include href="../../examples/base/base.cc" parse="text"/>
</programlisting>
</para>
<para>We will now explain each line of the example</para>
<para>
<programlisting>
#include <gtkmm.h>
</programlisting>
</para>
<para>
All gtkmm programs must include certain gtkmm headers; <literal>gtkmm.h</literal>
includes the entire gtkmm kit, which is usually not a good idea, since
it includes a megabyte or so of headers, but for simple programs, it
suffices.
</para>
<para>
The next line:
</para>
<para>
<programlisting>
Gtk::Main kit(argc, argv);
</programlisting>
</para>
<para>
creates a <literal>Gtk::Main</literal> object. This is needed in all gtkmm
applications. The constructor for this object initializes gtkmm, and checks the
arguments passed to your application on the command line, looking for
standard options such as <literal>-display</literal>. It takes these from the argument list, leaving anything it does not
recognize for your application to parse or ignore. This ensures
that all gtkmm applications accept the same set of standard arguments.
</para>
<para>
The next two lines of code create and display a window:
</para>
<para>
<programlisting>
Gtk::Window window;
</programlisting>
</para>
<para>
The last line shows the window and enters the gtkmm main processing loop, which will finish when the window is closed.
</para>
<para>
<programlisting>
Gtk::Main::run(window);
</programlisting>
</para>
<para>
After putting the source code in <literal>simple.cc</literal> you can compile the above program with gcc using:
<programlisting>
g++ simple.cc -o simple `pkg-config gtkmm-2.0 --cflags --libs`
</programlisting>
Note that you must surround
the <literal>pkg-config</literal> invocation with backquotes.
Backquotes cause the shell to execute the command inside them, and to use
the command's output as part of the command line.
</para>
<para>
Although we have shown the compilation command for this simple example, you really should use the automake and autoconf tools, as described in "Autoconf, Automake, Libtool", by G. V. Vaughan et al. The examples used in this book are included in the gtkmm package, with appropriate build files, so we won't show the build commands in future. You'll just need to find the appropriate directory and type <literal>make</literal>.
</para>
<para>
To simplify compilation, we use <literal>pkg-config</literal>, which
is present in all (properly installed) gtkmm installations. This
program 'knows' what compiler switches are needed to compile programs
that use gtkmm. The <literal>--cflags</literal> option causes
<literal>pkg-config</literal> to output a list of include directories for the
compiler to look in; the <literal>--libs</literal> option requests the
list of libraries for the compiler to link with and the directories to
find them in. Try running it from your shell-prompt to see the results on your system.
</para>
</sect1>
<sect1>
<title>Widgets</title>
<para>gtkmm applications consist of windows containing widgets, such as buttons and text boxes. In some other systems, widgets are called "controls". For each widget in your application's windows, there is a C++ object in your application's code. So you just need to call a method of the widget's class to affect the visible widget.</para>
<para>Widgets are arranged inside container widgets such as frames and notebooks, in a hierarchy of widgets within widgets. Some of these container widgets, such as Gtk::VBox, are not visible - they exist only to arrange other widgets. Here is some example code that adds 2 Gtk::Button widgets to a Gtk::VBox container widgets:
<programlisting>
m_box.pack_start(m_Button1);
m_box.pack_start(m_Button2);
</programlisting>
and here is how to add the Gtk::VBox, containing those buttons, to a Gtk::Frame, which has a visible frame and title:
<programlisting>
m_frame.add(m_box);
</programlisting>
</para>
<para>
Most of the chapters in this book deal with specific widgets. See the <link linkend="sec-ContainerWidgets">Container Widgets</link> section for more details about adding widgets to container widgets.
</para>
<para>Although you can specify the layout and appearance of windows and widgets with C++ code, you will probably find it more convenient to design your user interfaces with <literal>Glade</literal> and load them at runtime with <literal>libglademm</literal>. See the <link linkend="sec-libglademm">Glade and libglademm</link> chapter.
</para>
</sect1>
<sect1>
<title>Signals</title>
<para>
gtkmm, like most GUI toolkits, is <emphasis>event-driven</emphasis>. When an event occurs, such as the press of a mouse
button, the appropriate signal will be <emphasis>emitted</emphasis> by the Widget
that was pressed. Each Widget has a different set of signals that it can emit. To make a
button click result in an action, we set up a
<emphasis>signal handler</emphasis> to catch the button's "clicked" signal.
</para>
<para>gtkmm uses the libsigc++ library to implement signals. Here is an example line of code that connects a Gtk::Button's "clicked" signal with a signal handler called "on_button_clicked":
<programlisting>
m_button1.signal_clicked().connect( SigC::slot(*this, &HelloWorld::on_button_clicked) );
</programlisting>
</para>
<para>For more detailed information about signals, see the <link linkend="sec-appendix-signals">appendix</link>.</para>
<para>For information about implementing your own signals rather than
just connecting to the existing gtkmm signals, see the <link linkend="sec-appendix-custom_signals">appendix</link>.</para>
</sect1>
<sect1 id="sec-basics-ustring">
<title>Glib::ustring</title>
<para>You might be surprised to learn that gtkmm doesn't use std::string in it its interfaces. Instead it uses Glib::ustring, which is so similar and unobtrusive that you could actually pretend that each Glib::ustring is a std::string and ignore the rest of this section. But read on if you want to use languages other than English in your application.</para>
<para>std::string uses 8 bit per character, but 8 bits aren't enough to encode languages such as Arabic, Chinese, and Japanese. Although the encodings for these languages has now been specified by the Unicode Constortium, the C and C++ languages do not yet provide any standardised Unicode support. GTK+ and GNOME chose to implement Unicode using UTF-8, and that's what is wrapped by Glib::ustring. It provides almost exactly the same interface as std::string, along with automatic conversions to and from std::string.</para>
<para>One of the benefits of UTF-8 is that you don't need to use it unless you want to, so you don't need to retrofit all of your code at once. std::string will still work for 7-bit ASCII strings. But when you try to localize your application for languages like Chinese, for instance, you will start to see strange errors, and possible crashes. Then all you need to do is start using Glib::ustring instead.</para>
<para>Note that UTF-8 isn't compatible with 8-bit encodings like ISO-8859-1. For instance, German umlauts are not in the ASCII range and need more than 1 byte in the UTF-8 encoding. If your code contains 8-bit string literals, you have to convert them to UTF-8 (e.g. the Bavarian greeting "Grüß Gott" would be "Gr\xC3\xBC\xC3\x9F Gott").</para>
<para>You should avoid C-style pointer arithmetic, and functions such as strlen(). In UTF-8, each character might need anywhere from 1 to 6 bytes, so it's not possible to assume that the next byte is another character. Glib::ustring worries about the details of this for you so you can use methods such as Glib::ustring::substr() while still thinking in terms of characters instead of bytes.</para>
<para>Unlike the Windows UCS-2 Unicode solution, this does not require any special compiler options to process string literals, and it does not result in Unicode executables and libraries which are incompatible with ASCII ones.</para>
<para><ulink url="&url_refdocs_base_glib;ustring.html">Reference</ulink></para>
<para>See the <link linkend="sec-internationalization">Internationalization</link> section for information about providing the UTF-8 string literals.</para>
</sect1>
<sect1 id="sec-intermediatetypes">
<title>Intermediate types</title>
<para>Some parts of the <literal>gtkmm</literal> API use intermediate data containers, such as <literal>Glib::StringArrayHandle</literal> instead of a specific Standard C++ container such as <literal>std::vector</literal> or <literal>std::list</literal>. You should not declare these types yourself -- you should use whatever Standard C++ container you prefer instead. gtkmm will do the conversion for you. Here are some of these intermediate types:
<itemizedlist>
<listitem><para>Glib::StringArrayHandle or Glib::ArrayHandle<Glib::ustring>: Use std::vector<Glib::ustring>, std::list<Glib::ustring>, const char*[], etc.</para></listitem>
<listitem><para>Glib::ListHandle<Gtk::Widget*>: Use std::vector<Gtk::Widget*>, std::list<Gtk::Widget*>, etc.</para></listitem>
<listitem><para>Glib::SListHandle<Gtk::Widget*>: Use std::vector<Gtk::Widget*>, std::list<Gtk::Widget*>, etc.</para></listitem>
</itemizedlist>
</para>
</sect1>
<sect1>
<title>Hello World in gtkmm</title>
<para>
We've now learned enough to look at a real example. In accordance with an ancient
tradition of computer science, we now introduce Hello World, a la gtkmm:
</para>
<para><ulink url="&url_examples_base;helloworld">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: helloworld.h
<programlisting>
#ifndef GTKMM_EXAMPLE_HELLOWORLD_H
#define GTKMM_EXAMPLE_HELLOWORLD_H
#include <gtkmm/button.h>
#include <gtkmm/window.h>
class HelloWorld : public Gtk::Window
{
public:
HelloWorld();
virtual ~HelloWorld();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Member widgets:
Gtk::Button m_button;
};
#endif // GTKMM_EXAMPLE_HELLOWORLD_H
</programlisting>
</para>
<para>File: helloworld.cc
<programlisting>
#include "helloworld.h"
#include <iostream>
HelloWorld::HelloWorld()
: m_button("Hello World") // creates a new button with the label "Hello World".
{
// Sets the border width of the window.
set_border_width(10);
// When the button receives the "clicked" signal, it will call the
// hello() method. The hello() method is defined below.
m_button.signal_clicked().connect(SigC::slot(*this, &HelloWorld::on_button_clicked));
// This packs the button into the Window (a container).
add(m_button);
// The final step is to display this newly created widget...
m_button.show();
}
HelloWorld::~HelloWorld()
{
}
void HelloWorld::on_button_clicked()
{
std::cout << "Hello World" << std::endl;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "helloworld.h"
int main (int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
HelloWorld helloworld;
Gtk::Main::run(helloworld); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
Try to compile and run it before going on. You should see something like this:
</para>
<figure id="figure-helloworld">
<title>Hello World</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;helloworld.png"/>
</screenshot>
</figure>
<para>
Pretty thrilling, eh? Let's examine the code. First, the
<literal>HelloWorld</literal> class:
</para>
<para>
<programlisting>
class HelloWorld : public Gtk::Window
{
public:
HelloWorld();
virtual ~HelloWorld();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Member widgets:
Gtk::Button m_button;
};
</programlisting>
</para>
<para>
This class implements the "Hello World" window. It's derived from
<literal>Gtk::Window</literal>, and has a single <literal>Gtk::Button</literal> as a member.
We've chosen to use the
constructor to do all of the initialisation work for the window,
including setting up the signals. Here it is, with the comments
omitted:
</para>
<para>
<programlisting>
HelloWorld::HelloWorld()
:
m_button ("Hello World")
{
set_border_width(10);
m_button.signal_clicked().connect(SigC::slot(*this, &HelloWorld::on_button_clicked));
add(m_button);.
m_button.show();
}
</programlisting>
</para>
<para>
Notice that we've used an initialiser statement to give the <literal>m_button</literal>
object the label "Hello World".
</para>
<para>
Next we call the Window's <literal>set_border_width()</literal> method. This sets
the amount of space between the sides of the window and the widget it
contains.
</para>
<para>
We then hook up a signal handler to <literal>m_button</literal>'s <literal>clicked</literal> signal.
This prints our friendly greeting to <literal>stdout</literal>.
</para>
<para>
Next, we use the Window's <literal>add()</literal> method to put <literal>m_button</literal> in
the Window. (<literal>add()</literal> comes from <literal>Gtk::Container</literal>, which is
described in the chapter on container widgets.) The <literal>add()</literal> method
places the Widget in the Window, but it doesn't display
the widget. gtkmm widgets are always invisible when you create them - to display them, you must call their <literal>show()</literal> method, which
is what we do in the next line.
</para>
<para>
Now let's look at our program's <literal>main()</literal> function. Here it is,
without comments:
</para>
<para>
<programlisting>
int main(int argc, char** argv)
{
Gtk::Main kit(argc, argv);
HelloWorld helloworld;
Gtk::Main::run(helloworld);
return 0;
}
</programlisting>
</para>
<para>
First we instantiate an object called <literal>kit</literal>. This is of type
<literal>Gtk::Main</literal>. Every gtkmm program must have one of these. We pass
our command-line arguments to its constructor. It takes the arguments
it wants, and leaves you the rest, as we described earlier.
</para>
<para>
Next we make an object of our <literal>HelloWorld</literal> class, whose constructor
takes no arguments, but it isn't visible yet. When we call Gtk::Main::run(), giving it the helloworld Window, it shows the Window and starts the gtkmm <emphasis>event loop</emphasis>. During the event loop gtkmm idles, waiting for actions from the user, and responding appropriately. When the user closes the Window, run() will return, causing the final line of our main() function be to executed. The application will then finish.
</para>
</sect1>
</chapter>
<chapter id="sec-buttonwidget">
<title>Buttons</title>
<para>
gtkmm provides four basic types of buttons:
</para>
<para>
<variablelist>
<varlistentry>
<term>Push-Buttons</term>
<listitem>
<para>
<ulink url="&url_refdocs_base_gtk;Button.html"><literal>Gtk::Button</literal></ulink>. Standard buttons, usually
marked with a label or picture. Pushing one triggers an action. See the <link linkend="sec-Pushbuttons">Button</link> section.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term>Toggle buttons</term>
<listitem>
<para>
<ulink url="&url_refdocs_base_gtk;ToggleButton.html"><literal>Gtk::ToggleButton</literal></ulink>.
Unlike a normal Button, which springs back up, a ToggleButton stays down until you
press it again. It might be useful as an on/off switch. See the <link linkend="sec-Toggle-Buttons">ToggleButton</link> section.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term>Checkboxes</term>
<listitem>
<para>
<ulink url="&url_refdocs_base_gtk;CheckButton.html"><literal>Gtk::CheckButton</literal></ulink>.
These act like ToggleButtons, but show their state in small squares,
with their label at the side. They should be used in most situations
which require an on/off setting.
See the <link linkend="sec-Checkboxes">CheckBox</link> section.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term>Radio buttons</term>
<listitem>
<para>
<ulink url="&url_refdocs_base_gtk;RadioButton.html"><literal>Gtk::RadioButton</literal></ulink>.
Named after the station selectors on old car
radios, these buttons are used in groups for options which are
mutually exclusive. Pressing one causes all the
others in its group to turn off. They are similar to
CheckBoxes (a small widget with a label at the side), but usually
look different.
See the <link linkend="sec-Radio-Buttons">RadioButton</link> section.
</para>
</listitem>
</varlistentry>
</variablelist>
</para>
<para>
Note that, due to GTK+'s theming system, the appearance of these
widgets will vary. In the case of checkboxes and radio buttons, they
may vary considerably.
</para>
<sect1 id="sec-Pushbuttons">
<title>Button</title>
<sect2><title>Constuctors</title>
<para>
There are two ways to create a Button. You can specify a label
string in the <literal>Gtk::Button</literal> constructor,
or set it later with <literal>set_label()</literal>.
</para>
<para>To define an accelerator key for keyboard navigation, place an underscore before one of the label's characters and specify <literal>true</literal> for the optional <literal>mnemonic</literal> parameter. For instance:
<programlisting>
Gtk::Button* pButton = new Gtk::Button("_Something", true);
</programlisting>
</para>
<para>
Wherever possible you should use Stock items, to ensure consistency with other applications, and to improve the appearance of your applications by using icons. For instance,
<programlisting>
Gtk::Button* pButton = new Gtk::Button(Gtk::Stock::OK);
</programlisting>
This will use standard text, in all languages, with standard keyboard accelerators, with a standard icon.
</para>
<para>
<literal>Gtk::Button</literal> is also
a container so you could put any other widget, such as a
<literal>Gtk::Image</literal> into it.
</para>
<para><ulink url="&url_refdocs_base_gtk;Button.html">Reference</ulink></para>
</sect2>
<sect2><title>Example</title>
<para>
This example creates a button with a picture and a label.
</para>
<figure id="figure-buttons">
<title>buttons example</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;buttons.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;buttons/button">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: buttons.h
<programlisting>
#ifndef GTKMM_EXAMPLE_BUTTONS_H
#define GTKMM_EXAMPLE_BUTTONS_H
#include <gtkmm/window.h>
#include <gtkmm/button.h>
class Buttons : public Gtk::Window
{
public:
Buttons();
virtual ~Buttons();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Child widgets:
Gtk::Button m_button;
};
#endif //GTKMM_EXAMPLE_BUTTONS_H
</programlisting>
</para>
<para>File: buttons.cc
<programlisting>
#include "buttons.h"
#include <iostream>
Buttons::Buttons()
{
m_button.add_pixlabel("info.xpm", "cool button");
set_title("Pixmap'd buttons!");
set_border_width(10);
m_button.signal_clicked().connect( SigC::slot(*this, &Buttons::on_button_clicked) );
add(m_button);
show_all_children();
}
Buttons::~Buttons()
{
}
void Buttons::on_button_clicked()
{
std::cout << "The Button was clicked." << std::endl;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "buttons.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
Buttons buttons;
Gtk::Main::run(buttons); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
Note that the <literal>XPMLabelBox</literal> class can be used to place XPMs and
labels into any widget that can be a container.
</para>
</sect2>
<sect2><title>Signals</title>
<para>
The <literal>Gtk::Button</literal> widget has the following signals, but most of the time you will just handle the <literal>clicked</literal> signal:
</para>
<para>
<variablelist>
<varlistentry>
<term><literal>pressed</literal></term>
<listitem>
<para>
Emitted when the button is pressed.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term><literal>released</literal></term>
<listitem>
<para>
Emitted when the button is released.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term><literal>clicked</literal></term>
<listitem>
<para>
Emitted when the button is pressed and released.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term><literal>enter</literal></term>
<listitem>
<para>
Emitted when the mouse pointer moves over the button's window.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term><literal>leave</literal></term>
<listitem>
<para>
Emitted when the mouse pointer leaves the button's window.
</para>
</listitem>
</varlistentry>
</variablelist>
</para>
</sect2>
</sect1>
<sect1 id="sec-Toggle-Buttons">
<title>ToggleButton</title>
<para><literal>ToggleButton</literal>s are like normal <literal>Button</literal>s, but when clicked they remain activated, or pressed, until clicked again.</para>
<para>
To retrieve the state of the <literal>ToggelButton</literal>, you can use the
<literal>get_active()</literal> method. This returns <literal>true</literal> if the button
is "down". You can also set the toggle button's state, with <literal>set_active()</literal>. Note that, if you do this, and the state actually changes, it causes the
"clicked" signal to be emitted. This is usually what you want.
</para>
<para>
You can use the <literal>toggled()</literal> method to toggle the button, rather than
forcing it to be up or down: This switches the button's state, and causes the <literal>toggled</literal> signal to be emitted.
</para>
<para>
<literal>Gtk::ToggleButton</literal> is most useful as a base class for the <literal>Gtk::CheckButton</literal> and <literal>Gtk::RadioButton</literal> classes.
</para>
<para><ulink url="&url_refdocs_base_gtk;ToggleButton.html">Reference</ulink></para>
</sect1>
<sect1 id="sec-Checkboxes">
<title>CheckButton</title>
<para>
<literal>Gtk::CheckButton</literal> inherits from <literal>Gtk::ToggleButton</literal>. The only real difference between the two is <literal>Gtk::CheckButton</literal>'s
appearance. You can check, set, and toggle a checkbox using the same
member methods as for <literal>Gtk::ToggleButton</literal>.
</para>
<para><ulink url="&url_refdocs_base_gtk;CheckButton.html">Reference</ulink></para>
<sect2><title>Example</title>
<figure id="figure-checkbutton">
<title>CheckButton</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;checkbutton.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;buttons/checkbutton">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLE_BUTTONS_H
#define GTKMM_EXAMPLE_BUTTONS_H
#include <gtkmm/window.h>
#include <gtkmm/checkbutton.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Child widgets:
Gtk::CheckButton m_button;
};
#endif //GTKMM_EXAMPLE_BUTTONS_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
ExampleWindow::ExampleWindow()
: m_button("something")
{
set_title("checkbutton example");
set_border_width(10);
m_button.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_clicked) );
add(m_button);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_clicked()
{
std::cout << "The Button was clicked: state=" << (m_button.get_active() ? "true" : "false") << std::endl;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1 id="sec-Radio-Buttons">
<title>RadioButton</title>
<para>
Like checkboxes, radio buttons also inherit from
<literal>Gtk::ToggleButton</literal>, but these work in groups, and only one RadioButton in a group can be selected at any one time.
</para>
<sect2><title>Groups</title>
<para>
There are two ways to set up a group of radio buttons. The first way
is to create the buttons, and set up their groups afterwards. Only
the first two constructors are used. In the following example, we
make a new window class called <literal>RadioButtons</literal>, and then put three
radio buttons in it:
</para>
<para>
<programlisting>
class RadioButtons : public Gtk::Window
{
public:
RadioButtons();
protected:
Gtk::RadioButton m_rb1, m_rb2, m_rb3;
};
RadioButtons::RadioButtons()
: m_rb1("button1"),
m_rb2("button2"),
m_rb3("button3")
{
Gtk::RadioButton::Group group = m_rb1.get_group();
m_rb2.set_group(group);
m_rb3.set_group(group);
}
</programlisting>
We told gtkmm to put all three <literal>RadioButton</literal>s in the same group by obtaining the group with <literal>get_group()</literal> and using <literal>set_group()</literal> to tell the othe <literal>RadioButton</literal>s to share that group.
</para>
<para>
Note that you can't just do
<programlisting>m_rb2.set_group(m_rb1.get_group()); //doesn't work</programlisting>
because the group is modified by <literal>set_group()</literal> and therefore non-const.
</para>
<para>
The second way to set up radio buttons is to make a group first, and
then add radio buttons to it. Here's an example:
<programlisting>
class RadioButtons : public Gtk::Window
{
public:
RadioButtons();
};
RadioButtons::RadioButtons()
{
Gtk::RadioButton::Group group;
Gtk::RadioButton *m_rb1 = manage( new Gtk::RadioButton(group,"button1"));
Gtk::RadioButton *m_rb2 = manage( new Gtk::RadioButton(group,"button2"));
Gtk::RadioButton *m_rb3 = manage( new Gtk::RadioButton(group,"button3"));
}
</programlisting>
</para>
<para>
We made a new group by simply declaring a variable, <literal>group</literal>, of type
<literal>Gtk::RadioButton::Group</literal>. Then we made three radio buttons, using
a constructor to make each of them part of <literal>group</literal>.
</para>
</sect2>
<sect2><title>Methods</title>
<para>
<literal>RadioButtons</literal> are "off" when created; this means that when you first
make a group of them, they will all be off. Don't forget to turn one of them
on using <literal>set_active()</literal>:
</para>
<para><ulink url="&url_refdocs_base_gtk;RadioButton.html">Reference</ulink></para>
</sect2>
<sect2><title>Example</title>
<para>
The following example demonstrates the use of <literal>RadioButton</literal>s:
</para>
<figure id="figure-radiobutton">
<title>RadioButton</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;radiobuttons.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;buttons/radiobutton">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: radiobuttons.h
<programlisting>
#ifndef GTKMM_EXAMPLE_RADIOBUTTONS_H
#define GTKMM_EXAMPLE_RADIOBUTTONS_H
#include <gtkmm/window.h>
#include <gtkmm/radiobutton.h>
#include <gtkmm/box.h>
#include <gtkmm/separator.h>
class RadioButtons : public Gtk::Window
{
public:
RadioButtons();
virtual ~RadioButtons();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Child widgets:
Gtk::VBox m_Box_Top, m_Box1, m_Box2;
Gtk::RadioButton m_RadioButton1, m_RadioButton2, m_RadioButton3;
Gtk::HSeparator m_Separator;
Gtk::Button m_Button_Close;
};
#endif //GTKMM_EXAMPLE_RADIOBUTTONS_H
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "radiobuttons.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
RadioButtons buttons;
Gtk::Main::run(buttons); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<para>File: radiobuttons.cc
<programlisting>
#include "radiobuttons.h"
RadioButtons::RadioButtons() :
m_Box1(false, 10),
m_Box2(false, 10),
m_RadioButton1("button1"),
m_RadioButton2("button2"),
m_RadioButton3("button3"),
m_Button_Close("close")
{
set_title("radio buttons");
set_border_width(0);
//Put radio buttons 2 and 3 in the same group as 1:
Gtk::RadioButton::Group group = m_RadioButton1.get_group();
m_RadioButton2.set_group(group);
m_RadioButton3.set_group(group);
add(m_Box_Top);
//Put Box1 in m_Box_Top:
m_Box1.set_border_width(10);
m_Box_Top.pack_start(m_Box1);
//Put the radio buttons in Box1:
m_Box1.pack_start(m_RadioButton1);
m_Box1.pack_start(m_RadioButton2);
m_Box1.pack_start(m_RadioButton3);
m_RadioButton2.set_active();
//Add a separator:
m_Box_Top.pack_start(m_Separator, Gtk::PACK_SHRINK);
//Put Box2 in m_Box_Top:
m_Box2.set_border_width(10);
m_Box_Top.pack_start(m_Box2, Gtk::PACK_SHRINK);
//Put Close button in Box2:
m_Box2.pack_start(m_Button_Close);
m_Button_Close.set_flags(Gtk::CAN_DEFAULT);
m_Button_Close.grab_default();
m_Button_Close.signal_clicked().connect( SigC::slot(*this, &RadioButtons::on_button_clicked) );
show_all_children();
}
RadioButtons::~RadioButtons()
{
}
void RadioButtons::on_button_clicked()
{
hide(); //to close the application.
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
</chapter>
<chapter id="sec-Range-Widgets">
<title>Range Widgets</title>
<para>
<literal>Gtk::Scale</literal> and <literal>Gtk::Scrollbar</literal> both inherit from <literal>Gtk::Range</literal> and share much functionality. They contain a "trough" and a "slider" (sometimes
called a "thumbwheel" in other GUI environments). Dragging the slider
with the pointer moves it within the trough, while
clicking in the trough advances the slider towards the location of the
click, either completely, or by a designated amount, depending on
which mouse button is used. This should be familiar scrollbar behaviour.
</para>
<para>
As will be explained in the <link linkend="sec-Adjustment">Adjustment</link> section,
all Range widgets are associated with a <literal>Adjustment</literal> object. To change the lower, upper, and current values used by the widget you need to use the methods of its <literal>Adjustment</literal>, which you can get with the <literal>get_adjustment()</literal> method. The <literal>Range</literal> widgets' default constructors create an <literal>Adjustment</literal> automatically, or you can specify an existing <literal>Adjustment</literal>, maybe to share it with another widget. See the <link linkend="sec-Adjustment">Adjustments</link> section for further details
</para>
<para><ulink url="&url_refdocs_base_gtk;Range.html">Reference</ulink></para>
<sect1>
<title>Scrollbar Widgets</title>
<para>
These are standard scrollbars. They should be
used only to scroll another widget, such as, a <literal>Gtk::Entry</literal>,
or a <literal>Gtk::Viewport</literal>, though it's usually easier to use the <literal>Gtk::ScrolledWindow</literal>
widget in most cases.
</para>
<para>
There are horizontal and vertical scrollbar classes - <literal>Gtk::HScrollbar</literal> and <literal>Gtk::VScrollbar</literal>.
</para>
<para><ulink url="&url_refdocs_base_gtk;Scrollbar.html">Reference</ulink></para>
</sect1>
<sect1>
<title>Scale Widgets</title>
<para>
<literal>Gtk::Scale</literal> widgets (or "sliders") allow the user to
visually select and manipulate a value within a specific range. You
might use one, for instance, to adjust the
magnification level on a zoomed preview of a picture, or to control
the brightness of a colour, or to specify the number of minutes of
inactivity before a screensaver takes over the screen.
</para>
<para>
As with <literal>Scrollbars</literal>, there are separate widget types for horizontal and
vertical widgets - <literal>Gtk::HScale</literal> and <literal>Gtk::VScale</literal>. The default constructors create an <literal>Adjustment</literal> with all of its values set to <literal>0.0</literal>. This isn't useful so you will need to set some <literal>Adjustment</literal> details to get meaningful behaviour.
</para>
<sect2>
<title>Useful methods</title>
<para>
<literal>Scale</literal> widgets can display their current value as a number next to the
trough. By default they show the value, but you can change
this with the <literal>set_draw_value()</literal> method.
</para>
<para>
The value displayed by a scale widget is rounded to one decimal point
by default, as is the <literal>value</literal> field in its <literal>Gtk::Adjustment</literal>. You can
change this with the <literal>set_digits()</literal> method.
</para>
<para>
Also, the value can be drawn in different positions
relative to the trough, specified by the <literal>set_value_pos()</literal> method.
</para>
<para><ulink url="&url_refdocs_base_gtk;Scale.html">Reference</ulink></para>
</sect2>
</sect1>
<sect1>
<title>Update Policies</title>
<para>
The <emphasis>update policy</emphasis> of a <literal>Range</literal> widget defines at what points during
user interaction it will change the <literal>value</literal> field of its
<literal>Gtk::Adjustment</literal> and emit the <literal>value_changed</literal> signal. The update policies, set with the <literal>set_update_policy()</literal> method, are:
<itemizedlist>
<listitem>
<para>
<literal>Gtk::UPDATE_CONTINUOUS</literal> - This is the default. The
<literal>value_changed</literal> signal is emitted continuously, i.e. whenever the
slider is moved by even the tiniest amount.
</para>
</listitem>
<listitem>
<para>
<literal>Gtk::UPDATE_DISCONTINUOUS</literal> - The <literal>value_changed</literal> signal is
only emitted once the slider has stopped moving and the user has
released the mouse button.
</para>
</listitem>
<listitem>
<para>
<literal>Gtk::UPDATE_DELAYED</literal> - The <literal>value_changed</literal> signal is emitted
when the user releases the mouse button, or if the slider stops moving
for a short period of time.
</para>
</listitem>
</itemizedlist>
</para>
</sect1>
<sect1 id="sec-Range-Example">
<title>Example</title>
<para>
This example displays a window with three range widgets all connected
to the same adjustment, along with a couple of controls for adjusting
some of the parameters mentioned above and in the section on
adjustments, so you can see how they affect the way these widgets work
for the user.
</para>
<figure id="figure-range_widgets">
<title>Range Widgets</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;range_widgets.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;range_widgets">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLE_RANGEWIDGETS_H
#define GTKMM_EXAMPLE_RANGEWIDGETS_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_checkbutton_toggled();
virtual void on_menu_position(Gtk::PositionType type);
virtual void on_menu_policy(Gtk::UpdateType type);
virtual void on_adjustment1_value_changed();
virtual void on_adjustment2_value_changed();
virtual void on_button_quit();
//Child widgets:
Gtk::VBox m_VBox_Top, m_VBox2, m_VBox_HScale;
Gtk::HBox m_HBox_Scales, m_HBox_Digits, m_HBox_PageSize;
Gtk::Adjustment m_adjustment, m_adjustment_digits, m_adjustment_pagesize;
Gtk::VScale m_VScale;
Gtk::HScale m_HScale, m_Scale_Digits, m_Scale_PageSize;
Gtk::HSeparator m_Separator;
Gtk::CheckButton m_CheckButton;
Gtk::HScrollbar m_Scrollbar;
Gtk::Menu m_Menu_Position, m_Menu_Policy;
Gtk::Button m_Button_Quit;
};
#endif //GTKMM_EXAMPLE_RANGEWIDGETS_H
</programlisting>
</para>
<para>File: labeledoptionmenu.h
<programlisting>
#ifndef GTKMM_EXAMPLE_RANGEWIDGETS_LABELEDOPTIONMENU_H
#define GTKMM_EXAMPLE_RANGEWIDGETS_LABELEDOPTIONMENU_H
#include <gtkmm.h>
class LabeledOptionMenu : public Gtk::HBox
{
public:
LabeledOptionMenu(const Glib::ustring& menu_title, Gtk::Menu& menu,
bool homogeneous = false, int spacing = 10);
protected:
Gtk::Label m_label;
Gtk::OptionMenu m_OptionMenu;
Gtk::Menu* m_pMenu;
};
#endif //GTKMM_EXAMPLE_RANGEWIDGETS_LABELEDOPTIONMENU_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include "labeledoptionmenu.h"
#include <iostream>
ExampleWindow::ExampleWindow()
:
m_VBox2(false, 20),
m_VBox_HScale(false, 10),
m_HBox_Scales(false, 10),
m_HBox_Digits(false, 10),
m_HBox_PageSize(false, 10),
// value, lower, upper, step_increment, page_increment, page_size
// note that the page_size value only makes a difference for
// scrollbar widgets, and the highest value you'll get is actually
// (upper - page_size).
m_adjustment(0.0, 0.0, 101.0, 0.1, 1.0, 1.0),
m_adjustment_digits(1.0, 0.0, 5.0),
m_adjustment_pagesize(1.0, 1.0, 101.0),
m_VScale(m_adjustment),
m_HScale(m_adjustment),
m_Scale_Digits(m_adjustment_digits),
m_Scale_PageSize(m_adjustment_pagesize),
// a checkbutton to control whether the value is displayed or not
m_CheckButton("Display value on scale widgets", 0),
// reuse the same adjustment again
m_Scrollbar(m_adjustment),
// notice how this causes the scales to always be update
// continuously when the scrollbar is moved
m_Button_Quit("Quit")
{
set_title("range controls");
//VScale:
m_VScale.set_update_policy(Gtk::UPDATE_CONTINUOUS);
m_VScale.set_digits(1);
m_VScale.set_value_pos(Gtk::POS_TOP);
m_VScale.set_draw_value();
//HScale:
m_HScale.set_update_policy(Gtk::UPDATE_CONTINUOUS);
m_HScale.set_digits(1);
m_HScale.set_value_pos(Gtk::POS_TOP);
m_HScale.set_draw_value();
m_HScale.set_size_request(200, 30);
add(m_VBox_Top);
m_VBox_Top.pack_start(m_VBox2);
m_VBox2.set_border_width(10);
m_VBox2.pack_start(m_HBox_Scales);
//Put VScale and HScale (above scrollbar) side-by-side.
m_HBox_Scales.pack_start(m_VScale);
m_HBox_Scales.pack_start(m_VBox_HScale);
m_VBox_HScale.pack_start(m_HScale);
//Scrollbar:
m_Scrollbar.set_update_policy(Gtk::UPDATE_CONTINUOUS);
m_VBox_HScale.pack_start(m_Scrollbar);
//CheckButton:
m_CheckButton.set_active();
m_CheckButton.signal_toggled().connect( SigC::slot(*this, &ExampleWindow::on_checkbutton_toggled) );
m_VBox2.pack_start(m_CheckButton);
//OptionMenus:
{
using namespace Gtk::Menu_Helpers;
MenuList& list_vpos = m_Menu_Position.items();
list_vpos.push_back(
MenuElem("Top", SigC::bind( SigC::slot(*this, &ExampleWindow::on_menu_position), Gtk::POS_TOP)) );
list_vpos.push_back(
MenuElem("Bottom", SigC::bind( SigC::slot(*this, &ExampleWindow::on_menu_position), Gtk::POS_BOTTOM)) );
list_vpos.push_back(
MenuElem("Left", SigC::bind( SigC::slot(*this, &ExampleWindow::on_menu_position), Gtk::POS_LEFT)) );
list_vpos.push_back(
MenuElem("Right", SigC::bind( SigC::slot(*this, &ExampleWindow::on_menu_position), Gtk::POS_RIGHT)) );
m_VBox2.pack_start( *Gtk::manage(new LabeledOptionMenu("Scale Value Position:", m_Menu_Position)) );
MenuList& list_upd = m_Menu_Policy.items();
list_upd.push_back(
MenuElem("Continuous", SigC::bind( SigC::slot(*this, &ExampleWindow::on_menu_policy), Gtk::UPDATE_CONTINUOUS)) );
list_upd.push_back(
MenuElem("Discontinuous", SigC::bind( SigC::slot(*this, &ExampleWindow::on_menu_policy), Gtk::UPDATE_DISCONTINUOUS)) );
list_upd.push_back(
MenuElem("Delayed", SigC::bind( SigC::slot(*this, &ExampleWindow::on_menu_policy), Gtk::UPDATE_DELAYED)) );
m_VBox2.pack_start( *Gtk::manage(new LabeledOptionMenu("Scale Update Policy:", m_Menu_Policy)) );
}
//Digits:
m_HBox_Digits.pack_start(*Gtk::manage(new Gtk::Label("Scale Digits:", 0)), Gtk::PACK_SHRINK);
m_Scale_Digits.set_digits(0);
m_adjustment_digits.signal_value_changed().connect( SigC::slot(*this, &ExampleWindow::on_adjustment1_value_changed) );
m_HBox_Digits.pack_start(m_Scale_Digits);
//Page Size:
m_HBox_PageSize.pack_start(*Gtk::manage(new Gtk::Label("Scrollbar Page Size:", 0)), Gtk::PACK_SHRINK);
m_Scale_PageSize.set_digits(0);
m_adjustment_pagesize.signal_value_changed().connect( SigC::slot(*this, &ExampleWindow::on_adjustment2_value_changed) );
m_HBox_PageSize.pack_start(m_Scale_PageSize);
m_VBox2.pack_start(m_HBox_Digits);
m_VBox2.pack_start(m_HBox_PageSize);
m_VBox_Top.pack_start(m_Separator, Gtk::PACK_SHRINK);
m_VBox_Top.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_Button_Quit.set_flags(Gtk::CAN_DEFAULT);
m_Button_Quit.grab_default();
m_Button_Quit.signal_clicked().connect(SigC::slot(&Gtk::Main::quit));
m_Button_Quit.set_border_width(10);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_checkbutton_toggled()
{
m_VScale.set_draw_value(m_CheckButton.get_active());
m_HScale.set_draw_value(m_CheckButton.get_active());
}
void ExampleWindow::on_menu_position(Gtk::PositionType postype)
{
m_VScale.set_value_pos(postype);
m_HScale.set_value_pos(postype);
}
void ExampleWindow::on_menu_policy(Gtk::UpdateType type)
{
m_VScale.set_update_policy(type);
m_HScale.set_update_policy(type);
}
void ExampleWindow::on_adjustment1_value_changed()
{
double val = m_adjustment_digits.get_value();
m_VScale.set_digits((int)val);
m_HScale.set_digits((int)val);
}
void ExampleWindow::on_adjustment2_value_changed()
{
double val = m_adjustment_pagesize.get_value();
m_adjustment.set_page_size((int)val);
m_adjustment.set_page_increment((int)val);
// note that we don't have to emit the "changed" signal;
// gtkmm does this for us
}
void ExampleWindow::on_button_quit()
{
hide();
}
</programlisting>
</para>
<para>File: labeledoptionmenu.cc
<programlisting>
#include "labeledoptionmenu.h"
LabeledOptionMenu::LabeledOptionMenu(const Glib::ustring& menu_title, Gtk::Menu& menu, bool homogeneous, int spacing) :
Gtk::HBox(homogeneous, spacing),
m_label(menu_title),
m_pMenu(&menu)
{
pack_start(m_label, Gtk::PACK_SHRINK);
m_OptionMenu.set_menu(*m_pMenu);
pack_start(m_OptionMenu);
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect1>
</chapter>
<chapter id="sec-miscwidgets">
<title>Miscellaneous Widgets</title>
<sect1 id="sec-Labels">
<title>Label</title>
<para>
Labels are the main method of placing non-editable
text in windows, for instance to place a title next to a <literal>Entry</literal> widget. You can specify the text in the constructor, or with the <literal>set_text()</literal> method.
</para>
<para>
The width of the label will be adjusted automatically. You can produce multi-line labels by putting line breaks ("\n") in the label string.
</para>
<para>
The label text can be justified using the <literal>set_justify()</literal> method. The widget is also capable of word-wrapping - this can be activated with <literal>set_line_wrap()</literal>.
</para>
<para>
TODO: gtkmm2: markup.
</para>
<para><ulink url="&url_refdocs_base_gtk;Label.html">Reference</ulink></para>
<sect2><title>Example</title>
<para>
Below is a short example to illustrate these functions. This example
makes use of the Frame widget to better demonstrate the label styles.
(The Frame widget is explained in the <link linkend="sec-Frame">Frame</link> section.)
</para>
<figure id="figure-label">
<title>Label</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;label.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;label">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Child widgets:
Gtk::HBox m_HBox;
Gtk::VBox m_VBox, m_VBox2;
Gtk::Frame m_Frame_Normal, m_Frame_Multi, m_Frame_Left, m_Frame_Right,
m_Frame_LineWrapped, m_Frame_FilledWrapped, m_Frame_Underlined;
Gtk::Label m_Label_Normal, m_Label_Multi, m_Label_Left, m_Label_Right,
m_Label_LineWrapped, m_Label_FilledWrapped, m_Label_Underlined;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
ExampleWindow::ExampleWindow()
:
m_HBox(false, 5),
m_VBox(false, 5),
m_Frame_Normal("Normal Label"),
m_Frame_Multi("Multi-line Label"),
m_Frame_Left("Left Justified Label"),
m_Frame_Right("Right Justified Label"),
m_Frame_LineWrapped("Line wrapped label"),
m_Frame_FilledWrapped("Filled, wrapped label"),
m_Frame_Underlined("Underlined label"),
m_Label_Normal("_This is a Normal label", true),
m_Label_Multi("This is a Multi-line label.\nSecond line\nThird line"),
m_Label_Left("This is a Left-Justified\nMulti-line label.\nThird line"),
m_Label_Right("This is a Right-Justified\nMulti-line label.\nFourth line, (j/k)"),
m_Label_Underlined("This label is underlined!\nThis one is underlined in quite a funky fashion")
{
set_title("Label");
set_border_width(5);
add(m_HBox);
m_HBox.pack_start(m_VBox, Gtk::PACK_SHRINK);
m_Frame_Normal.add(m_Label_Normal);
m_VBox.pack_start(m_Frame_Normal, Gtk::PACK_SHRINK);
m_Frame_Multi.add(m_Label_Multi);
m_VBox.pack_start(m_Frame_Multi, Gtk::PACK_SHRINK);
m_Label_Left.set_justify(Gtk::JUSTIFY_LEFT);
m_Frame_Left.add(m_Label_Left);
m_VBox.pack_start(m_Frame_Left, Gtk::PACK_SHRINK);
m_Label_Right.set_justify(Gtk::JUSTIFY_LEFT);
m_Frame_Right.add(m_Label_Right);
m_VBox.pack_start(m_Frame_Right, Gtk::PACK_SHRINK);
m_HBox.pack_start(m_VBox2, Gtk::PACK_SHRINK);
m_Label_LineWrapped.set_text("This is an example of a line-wrapped label. It " \
"should not be taking up the entire " /* big space to test spacing */\
"width allocated to it, but automatically " \
"wraps the words to fit. " \
"The time has come, for all good men, to come to " \
"the aid of their party. " \
"The sixth sheik's six sheep's sick.\n" \
" It supports multiple paragraphs correctly, " \
"and correctly adds "\
"many extra spaces. ");
m_Label_LineWrapped.set_line_wrap();
m_Frame_LineWrapped.add(m_Label_LineWrapped);
m_VBox2.pack_start(m_Frame_LineWrapped, Gtk::PACK_SHRINK);
m_Label_FilledWrapped.set_text("This is an example of a line-wrapped, filled label. " \
"It should be taking " \
"up the entire width allocated to it. " \
"Here is a sentence to prove "\
"my point. Here is another sentence. "\
"Here comes the sun, do de do de do.\n"\
" This is a new paragraph.\n"\
" This is another newer, longer, better " \
"paragraph. It is coming to an end, "\
"unfortunately.");
m_Label_FilledWrapped.set_justify(Gtk::JUSTIFY_FILL);
m_Label_FilledWrapped.set_line_wrap();
m_Frame_FilledWrapped.add(m_Label_FilledWrapped);
m_VBox2.pack_start(m_Frame_FilledWrapped, Gtk::PACK_SHRINK);
m_Label_Underlined.set_justify(Gtk::JUSTIFY_LEFT);
m_Label_Underlined.set_pattern ("_________________________ _ _________ _ ______ __ _______ ___");
m_Frame_Underlined.add(m_Label_Underlined);
m_VBox2.pack_start(m_Frame_Underlined, Gtk::PACK_SHRINK);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1 id="sec-TextEntries">
<title>Entry</title>
<para>
Entry widgets allow the user to enter text (surprisingly
enough).
</para>
<para>
You can change the contents with the <literal>set_text()</literal> method, and read the current contents with the <literal>get_text()</literal> method.
</para>
<para>
Occasionally you might want to make an <literal>Entry</literal> widget read-only.
This can be done by passing <literal>false</literal> to the <literal>set_editable()</literal> method.
</para>
<para>
For the input of
passwords, passphrases and other information you don't want echoed
on the screen, calling <literal>set_visibility()</literal> with <literal>false</literal> will cause the text to be hidden.
</para>
<para>
You might want to be notified whenever the user types in a text entry
widget. <literal>Gtk::Entry</literal> provides two signals, <literal>activate</literal> and
<literal>changed</literal>, for just this purpose. <literal>activate</literal> is emitted when
the user presses the enter key in a text-entry widget; <literal>changed</literal> is
emitted when the text in the widget changes. You can use these, for instance, to
validate or filter the text the user types.
</para>
<para><ulink url="&url_refdocs_base_gtk;Entry.html">Reference</ulink></para>
<sect2><title>Example</title>
<para>
Here is an example using <literal>Gtk::Entry</literal>. As well as a
<literal>Gtk::Entry</literal> widget, it has two <literal>CheckButton</literal>s, with which you can toggle the
editable and visible flags.
</para>
<figure id="figure-entry">
<title>Entry</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;entry.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;entry">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_checkbox_editable_toggled();
virtual void on_checkbox_visibility_toggled();
virtual void on_button_close();
//Child widgets:
Gtk::HBox m_HBox;
Gtk::VBox m_VBox;
Gtk::Entry m_Entry;
Gtk::Button m_Button_Close;
Gtk::CheckButton m_CheckButton_Editable, m_CheckButton_Visible;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
ExampleWindow::ExampleWindow()
: m_Button_Close("Close"),
m_CheckButton_Editable("Editable"),
m_CheckButton_Visible("Visible")
{
set_size_request(200, 100);
set_title("Gtk::Entry");
add(m_VBox);
m_Entry.set_max_length(50);
m_Entry.set_text("hello");
m_Entry.set_text(m_Entry.get_text() + " world");
m_Entry.select_region(0, m_Entry.get_text_length());
m_VBox.pack_start(m_Entry);
// Note that add() can also be used instead of pack_xxx()
m_VBox.add(m_HBox);
m_HBox.pack_start(m_CheckButton_Editable);
m_CheckButton_Editable.signal_toggled().connect( SigC::slot(*this, &ExampleWindow::on_checkbox_editable_toggled) );
m_CheckButton_Editable.set_active(true);
m_HBox.pack_start(m_CheckButton_Visible);
m_CheckButton_Visible.signal_toggled().connect( SigC::slot(*this, &ExampleWindow::on_checkbox_visibility_toggled) );
m_CheckButton_Visible.set_active(true);
m_Button_Close.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_close) );
m_VBox.pack_start(m_Button_Close);
m_Button_Close.set_flags(Gtk::CAN_DEFAULT);
m_Button_Close.grab_default();
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_checkbox_editable_toggled()
{
m_Entry.set_editable(m_CheckButton_Editable.get_active());
}
void ExampleWindow::on_checkbox_visibility_toggled()
{
m_Entry.set_visibility(m_CheckButton_Visible.get_active());
}
void ExampleWindow::on_button_close()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1 id="sec-ComboBoxes">
<title>Combo</title>
<para>
A <literal>Combo</literal> is a combination of a text entry and a popup menu. Clicking on one of the
menu entries puts it in the entry box. The entry box otherwise works
just like a regular <literal>Entry</literal> widget.
</para>
<para>
A <literal>Gtk::Combo</literal> contains a <literal>Gtk::Entry</literal> widget, which is used to
implement the entry box. You can obtain the <literal>Gtk::Entry</literal> using <literal>get_entry()</literal> method.
</para>
<para>
To set the values in the popup menu, use
<programlisting>
void Gtk::Combo::set_popdown_strings(const Gtk::SArray& strings);
</programlisting>
where <literal>strings</literal> is a list of the strings you want to appear in the
list. As mentioned in the <link linkend="sec-intermediatetypes">Basics</link> section, <literal>Gtk::SArray</literal> is a converter object which can take any
kind of STL vector container. This means that you can pass vectors or
lists to this method, and things will work as you expect. For
example, the following is legal:
</para>
<para>
<programlisting>
list<string> gl;
gl.push_back("String 1");
gl.push_back("String 2");
gl.push_back("String 3");
gl.push_back("String 4");
combo.set_popdown_strings(gl);
</programlisting>
</para>
<para>TODO: STL-style access.</para>
<para><ulink url="&url_refdocs_base_gtk;RadioButton.html">Reference</ulink></para>
<sect2><title>Example</title>
<figure id="figure-combo">
<title>Combo</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;combo.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;combo">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm/window.h>
#include <gtkmm/combo.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_combo_changed();
//Child widgets:
Gtk::Combo m_Combo;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <gtkmm/stock.h>
#include <iostream>
ExampleWindow::ExampleWindow()
{
set_title("combo example");
//Fill the combo:
std::list<Glib::ustring> listStrings;
listStrings.push_back("something");
listStrings.push_back("something else");
listStrings.push_back("something or other");
m_Combo.set_popdown_strings(listStrings);
//Create a mixed entry an add it to the combo's list using the advanced interface ComboDropDown:
Gtk::ComboDropDownItem* item = Gtk::manage(new Gtk::ComboDropDownItem);
Gtk::HBox* hbox = Gtk::manage(new Gtk::HBox(false, 3));
hbox->pack_start(*Gtk::manage(new Gtk::Image(Gtk::Stock::CLEAR, Gtk::ICON_SIZE_MENU)), Gtk::PACK_SHRINK);
hbox->pack_start(*Gtk::manage(new Gtk::Label("some image - cool!")), Gtk::PACK_SHRINK);
item->add(*hbox);
item->show_all();
m_Combo.get_list()->children().push_back(*item);
m_Combo.set_item_string(*item, "you selected the image!");
//Restrict it to these choices only:
m_Combo.set_value_in_list();
add(m_Combo);
//Connect signal handler:
m_Combo.get_entry()->signal_changed().connect( SigC::slot(*this, &ExampleWindow::on_combo_changed) );
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_combo_changed()
{
Gtk::Entry* pEntry = m_Combo.get_entry();
if(pEntry)
{
Glib::ustring text = pEntry->get_text();
if(!(text.empty())) //We seem to get 2 signals, one when the text is empty.
std::cout << "Combo changed: " << text << std::endl;
}
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1 id="sec-Spinbuttons">
<title>SpinButton</title>
<para>
A <literal>SpinButton</literal> allows the user to select a value from a range of
numeric values. It has an Entry widget with up and down arrow
buttons at the side. Clicking the buttons causes the
value to 'spin' up and down across the range of possible values. The
<literal>Entry</literal> widget may also be used to enter a value directly.
</para>
<para>
The value can have an adjustable number of decimal places,
and the step size is configurable. <literal>SpinButton</literal>s have an 'auto-repeat'
feature as well: holding down one of the arrows can optionally cause
the value to change more quickly the longer the arrow is held down.
</para>
<para>
<literal>SpinButton</literal>s use an <link linkend="sec-Adjustment">Adjustment</link>
object to hold information about the range of values. These Adjustment attributes are used by the Spin Button like so:
<itemizedlist>
<listitem>
<para>
<literal>value</literal>: value for the Spin Button
</para>
</listitem>
<listitem>
<para>
<literal>lower</literal>: lower range value
</para>
</listitem>
<listitem>
<para>
<literal>upper</literal>: upper range value
</para>
</listitem>
<listitem>
<para>
<literal>step_increment</literal>: value to increment/decrement when pressing
mouse button 1 on a button
</para>
</listitem>
<listitem>
<para>
<literal>page_increment</literal>: value to increment/decrement when pressing
mouse button 2 on a button
</para>
</listitem>
<listitem>
<para>
<literal>page_size</literal>: unused
</para>
</listitem>
</itemizedlist>
</para>
<para>
Additionally, mouse button 3 can be used to jump directly to the
<literal>upper</literal> or <literal>lower</literal> values.
</para>
<para>The <literal>SpinButton</literal> can create a default <literal>Adjustment</literal>, which you can access via the <literal>get_adjustment()</literal> method, or you can specify an existing <literal>Adjustment</literal> in the constructor.
</para>
<sect2><title>Methods</title>
<para>
The number of decimal places can be altered using the <literal>set_digits()</literal> method.
</para>
<para>
You can set the spinbutton's value using the <literal>set_value()</literal> method, and retrieve it with <literal>get_value()</literal>.
</para>
<para>
The <literal>spin()</literal> method 'spins' the <literal>SpinButton</literal>, as
if one of its arrows had been clicked. You need to specify a <literal>Gtk::SpinType</literal> to specify the direction or new position.
</para>
<para>
To prevent the user from typing non-numeric characters into the entry
box, pass <literal>true</literal> to the <literal>set_numeric()</literal> method.
</para>
<para>
To make the <literal>SpinButton</literal> 'wrap' between its upper and lower
bounds, use the <literal>set_wrap()</literal> method.</para>
<para>
To force it to snap to the nearest
<literal>step_increment</literal>, use <literal>set_snap_to_ticks</literal>
</para>
<para>
You can modify the update policy using the <literal>set_update_policy</literal> method, specifying either <literal>Gtk::UPDATE_ALWAYS</literal> or <literal>Gtk::UPDATE_IF_VALID</literal>. <literal>Gtk::UPDATE_ALWAYS</literal> causes the
<literal>SpinButton</literal> to ignore errors encountered while converting the text in
the entry box to a numeric value. This setting also therefore allows
the <literal>SpinButton</literal> to accept non-numeric values. You can force an immediate update using the <literal>update()</literal> method.
</para>
<para><ulink url="&url_refdocs_base_gtk;SpinButton.html">Reference</ulink></para>
</sect2>
<sect2><title>Example</title>
<para>
Here's an example of a <literal>SpinButton</literal> in action:
</para>
<figure id="figure-spinbutton">
<title>SpinButton</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;spinbutton.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;spinbutton">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_checkbutton_snap();
virtual void on_checkbutton_numeric();
virtual void on_spinbutton_digits_changed();
virtual void on_button_close();
enum enumValueFormats
{
VALUE_FORMAT_INT,
VALUE_FORMAT_FLOAT
};
virtual void on_button_getvalue(enumValueFormats display);
//Child widgets:
Gtk::Frame m_Frame_NotAccelerated, m_Frame_Accelerated;
Gtk::HBox m_HBox_NotAccelerated, m_HBox_Accelerated,
m_HBox_Buttons;
Gtk::VBox m_VBox_Main, m_VBox, m_VBox_Day, m_VBox_Month, m_VBox_Year,
m_VBox_Accelerated, m_VBox_Value, m_VBox_Digits;
Gtk::Label m_Label_Day, m_Label_Month, m_Label_Year,
m_Label_Value, m_Label_Digits,
m_Label_ShowValue;
Gtk::Adjustment m_adjustment_day, m_adjustment_month, m_adjustment_year,
m_adjustment_value, m_adjustment_digits;
Gtk::SpinButton m_SpinButton_Day, m_SpinButton_Month, m_SpinButton_Year,
m_SpinButton_Value, m_SpinButton_Digits;
Gtk::CheckButton m_CheckButton_Snap, m_CheckButton_Numeric;
Gtk::Button m_Button_Int, m_Button_Float, m_Button_Close;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
#include <stdio.h>
ExampleWindow::ExampleWindow()
:
m_Frame_NotAccelerated("Not accelerated"),
m_Frame_Accelerated("Accelerated"),
m_VBox_Main(false, 5),
m_Label_Day("Day :"), m_Label_Month("Month: "), m_Label_Year("Year: "),
m_Label_Value("Value: "),
m_Label_Digits("Digits: "),
m_adjustment_day(1.0, 1.0, 31.0, 1.0, 5.0, 0.0),
m_adjustment_month(1.0, 1.0, 12.0, 1.0, 5.0, 0.0),
m_adjustment_year(1998.0, 0.0, 2100.0, 1.0, 100.0, 0.0),
m_adjustment_value(0.0, -10000.0, 10000.0, 0.5, 100.0, 0.0),
m_adjustment_digits(2.0, 1.0, 5.0, 1.0, 1.0, 0.0),
m_SpinButton_Day(m_adjustment_day),
m_SpinButton_Month(m_adjustment_month),
m_SpinButton_Year(m_adjustment_year),
m_SpinButton_Value(m_adjustment_value, 1.0, 2),
m_SpinButton_Digits(m_adjustment_digits),
m_CheckButton_Snap("Snap to 0.5-ticks"),
m_CheckButton_Numeric("Numeric only input mode"),
m_Button_Int("Value as Int"),
m_Button_Float("Value as Float"),
m_Button_Close("Close")
{
set_title("SpinButton");
m_VBox_Main.set_border_width(10);
add(m_VBox_Main);
m_VBox_Main.pack_start(m_Frame_NotAccelerated);
m_VBox.set_border_width(5);
m_Frame_NotAccelerated.add(m_VBox);
/* Day, month, year spinners */
m_VBox.pack_start(m_HBox_NotAccelerated, Gtk::PACK_EXPAND_WIDGET, 5);
m_Label_Day.set_alignment(Gtk::ALIGN_LEFT);
m_VBox_Day.pack_start(m_Label_Day);
m_SpinButton_Day.set_wrap();
m_VBox_Day.pack_start(m_SpinButton_Day);
m_HBox_NotAccelerated.pack_start(m_VBox_Day, Gtk::PACK_EXPAND_WIDGET, 5);
m_Label_Month.set_alignment(Gtk::ALIGN_LEFT);
m_VBox_Month.pack_start(m_Label_Month);
m_SpinButton_Month.set_wrap();
m_VBox_Month.pack_start(m_SpinButton_Month);
m_HBox_NotAccelerated.pack_start(m_VBox_Month, Gtk::PACK_EXPAND_WIDGET, 5);
m_Label_Year.set_alignment(Gtk::ALIGN_LEFT);
m_VBox_Year.pack_start(m_Label_Year);
m_SpinButton_Year.set_wrap();
m_SpinButton_Year.set_size_request(55, -1);
m_VBox_Year.pack_start(m_SpinButton_Year);
m_HBox_NotAccelerated.pack_start(m_VBox_Year, Gtk::PACK_EXPAND_WIDGET, 5);
//Accelerated:
m_VBox_Main.pack_start(m_Frame_Accelerated);
m_VBox_Accelerated.set_border_width(5);
m_Frame_Accelerated.add(m_VBox_Accelerated);
m_VBox_Accelerated.pack_start(m_HBox_Accelerated, Gtk::PACK_EXPAND_WIDGET, 5);
m_HBox_Accelerated.pack_start(m_VBox_Value, Gtk::PACK_EXPAND_WIDGET, 5);
m_Label_Value.set_alignment(Gtk::ALIGN_LEFT);
m_VBox_Value.pack_start(m_Label_Value);
m_SpinButton_Value.set_wrap();
m_SpinButton_Value.set_size_request(100, -1);
m_VBox_Value.pack_start(m_SpinButton_Value);
m_HBox_Accelerated.pack_start(m_VBox_Digits, Gtk::PACK_EXPAND_WIDGET, 5);
m_Label_Digits.set_alignment(Gtk::ALIGN_LEFT);
m_VBox_Digits.pack_start(m_Label_Digits);
m_SpinButton_Digits.set_wrap();
m_adjustment_digits.signal_value_changed().connect( SigC::slot(*this, &ExampleWindow::on_spinbutton_digits_changed) );
m_VBox_Digits.pack_start(m_SpinButton_Digits);
//CheckButtons:
m_VBox_Accelerated.pack_start(m_CheckButton_Snap);
m_CheckButton_Snap.set_active();
m_CheckButton_Snap.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_checkbutton_snap) );
m_VBox_Accelerated.pack_start(m_CheckButton_Numeric);
m_CheckButton_Numeric.set_active();
m_CheckButton_Numeric.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_checkbutton_numeric) );
//Buttons:
m_VBox_Accelerated.pack_start (m_HBox_Buttons, Gtk::PACK_SHRINK, 5);
m_Button_Int.signal_clicked().connect(bind(slot(*this,&ExampleWindow::on_button_getvalue), VALUE_FORMAT_INT));
m_HBox_Buttons.pack_start(m_Button_Int, Gtk::PACK_EXPAND_WIDGET, 5);
m_Button_Float.signal_clicked().connect(bind(slot(*this,&ExampleWindow::on_button_getvalue), VALUE_FORMAT_FLOAT));
m_HBox_Buttons.pack_start(m_Button_Float, Gtk::PACK_EXPAND_WIDGET, 5);
m_VBox_Accelerated.pack_start(m_Label_ShowValue);
m_Label_ShowValue.set_text("0");
//Close button:
m_Button_Close.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_close) );
m_VBox_Main.pack_start(m_Button_Close, Gtk::PACK_SHRINK);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_close()
{
hide();
}
void ExampleWindow::on_checkbutton_snap()
{
m_SpinButton_Value.set_snap_to_ticks( m_CheckButton_Snap.get_active() );
}
void ExampleWindow::on_checkbutton_numeric()
{
m_SpinButton_Value.set_numeric( m_CheckButton_Numeric.get_active() );
}
void ExampleWindow::on_spinbutton_digits_changed()
{
m_SpinButton_Value.set_digits( m_SpinButton_Digits.get_value_as_int() );
}
void ExampleWindow::on_button_getvalue(enumValueFormats display)
{
gchar buf[32];
if (display == VALUE_FORMAT_INT)
sprintf (buf, "%d", m_SpinButton_Value.get_value_as_int());
else
sprintf (buf, "%0.*f", m_SpinButton_Value.get_digits(), m_SpinButton_Value.get_value());
m_Label_ShowValue.set_text(buf);
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1 id="sec-ProgressBar">
<title>ProgressBar</title>
<para>
Progress bars are used to show the status of an ongoing operation. For instance, a <literal>ProgressBar</literal> can show how much of a task has been completed.
</para>
<para>To change the value shown, use the <literal>set_fraction()</literal> method, passing a double between 0 and 1 to provide the new percentage.</para>
<para>
where <literal>percentage</literal> is a number, from 0 to 1, indicating what
fraction of the bar should be filled.
</para>
<para>
A <literal>ProgressBar</literal>is horizontal and left-to-right by default, but you can change it to a vertical progress bar by using the <literal>set_orientation()</literal> method.
</para>
<para><ulink url="&url_refdocs_base_gtk;ProgressBar.html">Reference</ulink></para>
<sect2>
<title>Activity Mode</title>
<para>
Besides indicating the amount of progress that has occured, the
progress bar can also be used to indicate that there is some activity;
this is done by placing the progress bar in <emphasis>activity mode</emphasis>. In
this mode, the progress bar displays a small rectangle which moves
back and forth. Activity mode is useful in situations where the
progress of an operation cannot be calculated as a value range (e.g.,
receiving a file of unknown length).
</para>
<para>
To do this, you need to call the <literal>pulse()</literal> method at regular intervals. You can also choose the step size, with the <literal>set_pulse_step()</literal> method.
</para>
<para>
When in continuous mode, the progress bar can also display a
configurable text string within its trough, using the <literal>set_text()</literal> method.
</para>
</sect2>
<sect2><title>Example</title>
<figure id="figure-progressbar">
<title>ProgressBar</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;progressbar.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;progressbar">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_checkbutton_text();
virtual void on_checkbutton_activity();
virtual void on_checkbutton_orientation();
virtual bool on_timeout();
virtual void on_button_close();
//Child widgets:
Gtk::VBox m_VBox;
Gtk::Alignment m_Alignment;
Gtk::Table m_Table;
Gtk::ProgressBar m_ProgressBar;
Gtk::HSeparator m_Separator;
Gtk::CheckButton m_CheckButton_Text, m_CheckButton_Activity, m_CheckButton_Orientation;
Gtk::Button m_Button_Close;
int m_connection_id_timeout;
bool m_bActivityMode;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
ExampleWindow::ExampleWindow()
: m_VBox(false, 5),
m_Alignment(0.5, 0.5, 0, 0),
m_Table(2, 2, true),
m_CheckButton_Text("Show text"),
m_CheckButton_Activity("Activity mode"),
m_CheckButton_Orientation("Right to Left"),
m_Button_Close("Close"),
m_bActivityMode(false)
{
set_resizable();
set_title("Gtk::ProgressBar");
m_VBox.set_border_width(10);
add(m_VBox);
m_VBox.pack_start(m_Alignment, Gtk::PACK_SHRINK, 5);
m_Alignment.add(m_ProgressBar);
//Add a timer callback to update the value of the progress bar:
m_connection_id_timeout = Glib::signal_timeout().connect( SigC::slot(*this, &ExampleWindow::on_timeout), 50 );
m_VBox.pack_start(m_Separator, Gtk::PACK_SHRINK);
m_VBox.pack_start(m_Table);
//Add a check button to select displaying of the trough text:
m_Table.attach(m_CheckButton_Text, 0, 1, 0, 1, Gtk::EXPAND | Gtk::FILL, Gtk::EXPAND | Gtk::FILL, 5, 5);
m_CheckButton_Text.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_checkbutton_text) );
//Add a check button to select displaying of the trough text:
m_Table.attach(m_CheckButton_Activity, 0, 1, 1, 2, Gtk::EXPAND | Gtk::FILL, Gtk::EXPAND | Gtk::FILL, 5, 5);
m_CheckButton_Activity.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_checkbutton_activity) );
//Add a check button to toggle activity mode:
m_Table.attach(m_CheckButton_Orientation, 0, 1, 2, 3, Gtk::EXPAND | Gtk::FILL, Gtk::EXPAND | Gtk::FILL, 5, 5);
m_CheckButton_Orientation.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_checkbutton_orientation) );
//Add a button to exit the program.
m_VBox.pack_start(m_Button_Close, Gtk::PACK_SHRINK);
m_Button_Close.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_close) );
m_Button_Close.set_flags(Gtk::CAN_DEFAULT);
m_Button_Close.grab_default();
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_checkbutton_text()
{
const Glib::ustring text = m_ProgressBar.get_text();
if(!text.empty())
m_ProgressBar.set_text("");
else
m_ProgressBar.set_text("some text");
}
void ExampleWindow::on_checkbutton_activity()
{
m_bActivityMode = m_CheckButton_Activity.get_active();
if(m_bActivityMode)
m_ProgressBar.pulse();
else
m_ProgressBar.set_fraction(0.0);
}
void ExampleWindow::on_checkbutton_orientation()
{
switch(m_ProgressBar.get_orientation())
{
case Gtk::PROGRESS_LEFT_TO_RIGHT:
m_ProgressBar.set_orientation(Gtk::PROGRESS_RIGHT_TO_LEFT);
break;
case Gtk::PROGRESS_RIGHT_TO_LEFT:
m_ProgressBar.set_orientation(Gtk::PROGRESS_LEFT_TO_RIGHT);
break;
default:
break; // do nothing
}
}
void ExampleWindow::on_button_close()
{
hide();
}
/* Update the value of the progress bar so that we get
* some movement */
bool ExampleWindow::on_timeout()
{
if(m_bActivityMode)
m_ProgressBar.pulse();
else
{
double new_val = m_ProgressBar.get_fraction() + 0.01;
if(new_val > 1.0)
new_val = 0.0;
//Set the new value:
m_ProgressBar.set_fraction(new_val);
}
//As this is a timeout function, return true so that it
//continues to get called
return true;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1 id="sec-Tooltips">
<title>Tooltips</title>
<para>
<literal>Tooltips</literal> are the little text strings that pop up when you leave your
pointer over a widget for a few seconds and the <literal>Gtk::Tooltips</literal> object is a group of these tooltips. After creating a <literal>Gtk::Tooltips</literal> instance, you can use the <literal>set_tip()</literal> method to associate some descriptive text with a <literal>Widget</literal>.
</para>
<para>The <literal>enable()</literal> and <literal>disable()</literal> methods allow you to turn a whole group of tooltips on and off.</para>
<para><ulink url="&url_refdocs_base_gtk;Tooltips.html">Reference</ulink></para>
</sect1>
</chapter>
<chapter id="sec-ContainerWidgets">
<title>Container Widgets</title>
<para>All container widgets derive from <literal>Gtk::Container</literal>, not always directly. Some container widgets, such as <literal>Gtk::Table</literal> can hold many child widgets, so these typically have more complex interfaces. Others, such as <literal>Gtk::Frame</literal> contain only one child widget.
</para>
<sect1 id="sec-SingleItemWidgets">
<title>Single-item Containers</title>
<para>The single-item container widgets derive from <literal>Gtk::Bin</literal>, which provides the <literal>add()</literal> and <literal>remove()</literal> methods for the child widget. Note that <literal>Gtk::Button</literal> and <literal>Gtk::Window</literal> are technically single-item containers, but we have discussed them already elsewhere.
</para>
<para>
We also discuss the <literal>Gtk::Paned</literal> widget, which allows you to divide
a window into two separate "panes". This widget actually contains two
child widgets, but the number is fixed so it seems appropriate.
</para>
<sect2 id="sec-Frame">
<title>Frame</title>
<para>
Frames can enclose one or a group of widgets within a box, optionally with a title. For instance, you might place a group of <literal>RadioButton</literal>s or <literal>CheckButton</literal>s in a <literal>Frame</literal>.
</para>
<para><ulink url="&url_refdocs_base_gtk;Frame.html">Reference</ulink></para>
<sect3><title>Example</title>
<figure id="figure-frame">
<title>Frame</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;frame.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;frame">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Child widgets:
Gtk::Frame m_Frame;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
{
/* Set some window properties */
set_title("Frame Example");
set_size_request(300, 300);
/* Sets the border width of the window. */
set_border_width(10);
add(m_Frame);
/* Set the frames label */
m_Frame.set_label("Gtk::Frame Widget");
/* Align the label at the right of the frame */
//m_Frame.set_label_align(Gtk::ALIGN_RIGHT, Gtk::ALIGN_TOP);
/* Set the style of the frame */
m_Frame.set_shadow_type(Gtk::SHADOW_ETCHED_OUT);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
<sect2>
<title>Paned</title>
<para>
Panes divide a widget into two halves, separated by a moveable
divider. There are two such widgets: <literal>Gtk::HPaned</literal> adds a
horizontal divider, and <literal>Gtk::VPaned</literal> adds a vertical one. Other
than the names and the orientations, there's no difference between the
two.
</para>
<para>
Unlike the other widgets in this chapter, pane widgets contain not
one but two child widgets, one in each pane. Therefore, you should use <literal>add1()</literal> and <literal>add2()</literal>
instead of the <literal>add()</literal> method.</para>
<para>
You can adjust the position of the divider using the <literal>set_position()</literal> method, and you will probably need to do so.
</para>
<para><ulink url="&url_refdocs_base_gtk;Paned.html">Reference</ulink></para>
<sect3><title>Example</title>
<figure id="figure-paned">
<title>Paned</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;paned.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;paned">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include "messageslist.h"
#include "messagetext.h"
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Child widgets:
Gtk::VPaned m_VPaned;
MessagesList m_MessagesList;
MessageText m_MessageText;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: messageslist.h
<programlisting>
#ifndef GTKMM_EXAMPLE_MESSAGESLIST_H
#define GTKMM_EXAMPLE_MESSAGESLIST_H
#include <gtkmm.h>
class MessagesList: public Gtk::ScrolledWindow
{
public:
MessagesList();
virtual ~MessagesList();
class ModelColumns : public Gtk::TreeModel::ColumnRecord
{
public:
ModelColumns()
{ add(m_col_text); }
Gtk::TreeModelColumn<Glib::ustring> m_col_text;
};
ModelColumns m_Columns;
protected:
Glib::RefPtr<Gtk::ListStore> m_refListStore; //The Tree Model.
Gtk::TreeView m_TreeView; //The Tree View.
};
#endif //GTKMM_EXAMPLE_MESSAGESLIST_H
</programlisting>
</para>
<para>File: messagetext.h
<programlisting>
#ifndef GTKMM_EXAMPLE_MESSAGETEXT_H
#define GTKMM_EXAMPLE_MESSAGETEXT_H
#include <gtkmm.h>
class MessageText : public Gtk::ScrolledWindow
{
public:
MessageText();
virtual ~MessageText();
virtual void insert_text();
protected:
Gtk::TextView m_TextView;
};
#endif //GTKMM_EXAMPLE_MESSAGETEXT_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
{
set_title ("Paned Windows");
set_border_width(10);
set_default_size(450, 400);
/* Add a vpaned widget to our toplevel window */
add(m_VPaned);
/* Now add the contents of the two halves of the window */
m_VPaned.add1(m_MessagesList);
m_VPaned.add2(m_MessageText);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
</programlisting>
</para>
<para>File: messageslist.cc
<programlisting>
#include "messageslist.h"
#include <sstream>
MessagesList::MessagesList()
{
/* Create a new scrolled window, with scrollbars only if needed */
set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
add(m_TreeView);
/* create list store */
m_refListStore = Gtk::ListStore::create(m_Columns);
m_TreeView.set_model(m_refListStore);
/* Add some messages to the window */
for(int i = 0; i < 10; ++i)
{
std::ostringstream text;
text << "message #" << i;
Gtk::TreeModel::Row row = *(m_refListStore->append());
row[m_Columns.m_col_text] = text.str();
}
//Add the Model's column to the View's columns:
m_TreeView.append_column("Messages", m_Columns.m_col_text);
show_all_children();
}
MessagesList::~MessagesList()
{
}
</programlisting>
</para>
<para>File: messagetext.cc
<programlisting>
#include "messagetext.h"
MessageText::MessageText()
{
set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
add(m_TextView);
insert_text();
show_all_children();
}
MessageText::~MessageText()
{
}
void MessageText::insert_text()
{
Glib::RefPtr<Gtk::TextBuffer> refTextBuffer = m_TextView.get_buffer();
Gtk::TextBuffer::iterator iter = refTextBuffer->get_iter_at_offset(0);
refTextBuffer->insert(iter,
"From: pathfinder@nasa.gov\n"
"To: mom@nasa.gov\n"
"Subject: Made it!\n"
"\n"
"We just got in this morning. The weather has been\n"
"great - clear but cold, and there are lots of fun sights.\n"
"Sojourner says hi. See you soon.\n"
" -Path\n");
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
<sect2 id="sec-ScrolledWindows">
<title>ScrolledWindow</title>
<para>
<literal>ScrolledWindow</literal> widgets are used to create a scrollable area. You can insert any type of widget into a <literal>ScrolledWindow</literal> window, and
it will be accessible regardless of its size by using the scrollbars. Note that <literal>ScrolledWindow</literal> is not a <literal>Gtk::Window</literal> despite the slightly misleading name.
</para>
<para>
Scrolled windows have <emphasis>scrollbar policies</emphasis> which determine whether
the <literal>Scrollbar</literal>s will be displayed. The policies can be set with the <literal>set_policy()</literal> method. The policy may be one of <literal>Gtk::POLICY_AUTOMATIC</literal> or <literal>Gtk::POLICY_ALWAYS</literal>.
<literal>Gtk::POLICY_AUTOMATIC</literal> will cause the scrolled window to display
the scrollbar only if the contained widget is larger than the visible area.
<literal>Gtk::POLICY_ALWAYS</literal> will cause the scrollbar to be displayed always.
</para>
<para><ulink url="&url_refdocs_base_gtk;ScrolledWindow.html">Reference</ulink></para>
<sect3><title>Example</title>
<para>
Here is a simple example that packs 100 toggle buttons into a ScrolledWindow. Try resizing the window to see the scrollbars react.
</para>
<figure id="figure-scrolledwindow">
<title>ScrolledWindow</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;scrolledwindow.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;scrolledwindow">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Dialog
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_close();
//Child widgets:
Gtk::ScrolledWindow m_ScrolledWindow;
Gtk::Table m_Table;
Gtk::Button m_Button_Close;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <stdio.h> //For sprintf()
ExampleWindow::ExampleWindow()
: m_Table(10, 10),
m_Button_Close("Close")
{
set_title("Gtk::ScrolledWindow example");
set_border_width(0);
set_size_request(300, 300);
m_ScrolledWindow.set_border_width(10);
/* the policy is one of Gtk::POLICY AUTOMATIC, or Gtk::POLICY_ALWAYS.
* Gtk::POLICY_AUTOMATIC will automatically decide whether you need
* scrollbars, whereas Gtk::POLICY_ALWAYS will always leave the scrollbars
* there. The first one is the horizontal scrollbar, the second,
* the vertical. */
m_ScrolledWindow.set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_ALWAYS);
get_vbox()->pack_start(m_ScrolledWindow);
/* set the spacing to 10 on x and 10 on y */
m_Table.set_row_spacings(10);
m_Table.set_col_spacings(10);
/* pack the table into the scrolled window */
m_ScrolledWindow.add(m_Table);
/* this simply creates a grid of toggle buttons on the table
* to demonstrate the scrolled window. */
for(int i = 0; i < 10; i++)
{
for(int j = 0; j < 10; j++)
{
char buffer[32];
sprintf(buffer, "button (%d,%d)\n", i, j);
Gtk::Button* pButton = Gtk::manage(new Gtk::ToggleButton(buffer));
m_Table.attach(*pButton, i, i + 1, j, j + 1);
}
}
/* Add a "close" button to the bottom of the dialog */
m_Button_Close.signal_clicked().connect(slot(*this, &ExampleWindow::on_button_close));
/* this makes it so the button is the default. */
m_Button_Close.set_flags(Gtk::CAN_DEFAULT);
Gtk::Box* pBox = get_action_area();
if(pBox)
pBox->pack_start(m_Button_Close);
/* This grabs this button to be the default button. Simply hitting
* the "Enter" key will cause this button to activate. */
m_Button_Close.grab_default();
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_close()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
<sect2 id="sec-AspectFrames">
<title>AspectFrame</title>
<para>
The <literal>AspectFrame</literal> widget looks like a <literal>Frame</literal> widget, but it also
enforces the <emphasis>aspect ratio</emphasis> (the ratio of the width to the
height) of the child widget, adding extra
space if necessary. For instance, this would allow you to display a photograph without allowing the user to distort it horizontally or vertically while resizing.
</para>
<para><ulink url="&url_refdocs_base_gtk;AspectFrame.html">Reference</ulink></para>
<sect3>
<title>Example</title>
<para>
The following program uses a <literal>Gtk::AspectFrame</literal> to present a drawing area whose aspect ratio will always be 2:1, no matter how the user resizes the top-level window.</para>
<para>TODO: screenshot</para>
<para><ulink url="&url_examples_base;aspectframe">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Child widgets:
Gtk::AspectFrame m_AspectFrame;
Gtk::DrawingArea m_DrawingArea;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_AspectFrame("2x1", /* label */
Gtk::ALIGN_CENTER, /* center x */
Gtk::ALIGN_CENTER, /* center y */
2.0, /* xsize/ysize = 2 */
false /* ignore child's aspect */)
{
set_title("Aspect Frame");
set_border_width(10);
// Add a child widget to the aspect frame */
// Ask for a 200x200 window, but the AspectFrame will give us a 200x100
// window since we are forcing a 2x1 aspect ratio */
m_DrawingArea.set_size_request(200, 200);
m_AspectFrame.add(m_DrawingArea);
// Add the aspect frame to our toplevel window:
add(m_AspectFrame);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
<sect2 id="sec-Alignment">
<title>Alignment</title>
<para>
The <literal>Alignment</literal> widget allows you to place a widget at
a position and size relative to the size of the <literal>Alignment</literal> widget
itself. For instance, it might be used to center a widget.
</para>
<para>
You need to specify the <literal>Alignment</literal>'s characteristics to the constructor, or to the <literal>set()</literal> method. In particular, you won't notice much effect unless you specify a number other than 1.0 for the <literal>xscale</literal> and <literal>yscale</literal> parameters, because 1.0 simply means that the child widget will expand to fill all available space.
</para>
<para><ulink url="&url_refdocs_base_gtk;Alignment.html">Reference</ulink></para>
<sect3>
<title>Example</title>
<para>
This example right-aligns a button in a window by using an <literal>Alignment</literal> widget.
</para>
<figure id="figure-alignment">
<title>Alignment</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;alignment.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;alignment">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Child widgets:
Gtk::Alignment m_Alignment;
Gtk::Button m_Button;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Alignment(Gtk::ALIGN_RIGHT, Gtk::ALIGN_CENTER, 0.0, 0.0),
m_Button("Close")
{
set_title("Gtk::Alignement");
set_border_width(10);
set_default_size(200, 50);
add(m_Alignment);
m_Alignment.add(m_Button);
m_Button.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_clicked) );
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_clicked()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
See the <link linkend="sec-ProgressBar">ProgressBar</link> section for another example that uses an <literal>Alignment</literal>.</para>
</sect3>
</sect2>
</sect1>
<sect1 id="sec-MultiItemWidgets">
<title>Multiple-item widgets </title>
<para>
Multiple-item widgets inherit from <literal>Gtk::Container</literal>; just as
with <literal>Gtk::Bin</literal>, you use the <literal>add()</literal> and <literal>remove()</literal> methods
to add and remove contained widgets. Unlike <literal>Gtk::Bin::remove()</literal>,
however, the <literal>remove()</literal> method for <literal>Gtk::Container</literal> takes an
argument, specifiying which widget to remove.
</para>
<sect2>
<title>Packing</title>
<para>
You've probably noticed that gtkmm windows seem "elastic" - they can usually be stretched in many different ways. This is due to the <emphasis>widget packing</emphasis>
system.
</para>
<para>
Many GUI toolkits require you to precisely place widgets in a window, using absolute positioning, often using a visual editor. This leads to several problems:
</para>
<para>
<itemizedlist>
<listitem>
<para>The widgets don't rearrange themselves when the window is resized. Some widgets are hidden when the window is made smaller, and lots of useless space appears when the window is made larger.</para>
</listitem>
<listitem>
<para>It's impossible to predict the amount of space necessary for text after it has been translated to other languages, or displayed in a different font. On Unix it is also impossible to anticipate the effects of every theme and window manager.</para>
</listitem>
<listitem>
<para>
Changing the layout of a window "on the fly", to make some extra widgets appear, for instance, is complex. It requires tedious recalculation of every widget's position.</para>
</listitem>
</itemizedlist>
</para>
<para>
gtkmm uses the packing system to solve these problems. Rather than specifying the position and size of each widget in the window,
you can arrange your widgets in rows, columns,
and/or tables. gtkmm can size your window automatically, based on the
sizes of the widgets it contains. And the sizes of the widgets are, in turn, determined by the amount of text they contain, or the minimum and maximum sizes that you specify, and/or how you have requested that the available space should be shared between sets of widgets.
You can perfect your layout by
specifying padding distance and centering values for each of your widgets. gtkmm then uses
all this information to resize and reposition everything sensibly and smoothly when the user manipulates the window. </para>
<para>
gtkmm arranges widgets hierarchically, using <emphasis>containers</emphasis>. A
Container widget contains other widgets. Most gtkmm widgets
are containers. Windows, Notebook tabs, and Buttons are all
container widgets. There are two flavours of containers:
single-child containers, which are all descendants of <literal>Gtk::Bin</literal>,
and multiple-child containers, which are descendants of
<literal>Gtk::Container</literal>. Most widgets in gtkmm are descendants of
<literal>Gtk::Bin</literal>, including <literal>Gtk::Window</literal>.
</para>
<para>
Yes, that's correct: a Window can contain at most one widget.
How, then, can we use a window for anything useful? By placing a
multiple-child container in the window. The most useful container widgets are Gtk:VBox, Gtk::HBox, and Gtk::Table:
</para>
<para>
<itemizedlist>
<listitem>
<para>
<literal>Gtk::VBox</literal> and <literal>Gtk::HBox</literal> arrange their child widgets vertically and horizontally, respectively. Use pack_start() and pack_end() to insert child widgets.
</para>
</listitem>
<listitem>
<para>
<literal>Gtk::Table</literal> arranges its widgets in a grid. Use attach() to insert widgets.
</para>
</listitem>
</itemizedlist>
</para>
<para>
There are several other containers, which we will also discuss.
</para>
<para>
If you've never used a packing toolkit before, it can take some
getting used to. You'll probably find, however, that you don't
need to rely on visual form editors quite as much as you might with
other toolkits.
</para>
</sect2>
<sect2 id="sec-helloworld2">
<title>An improved Hello World</title>
<para>
Let's take a look at a slightly improved <literal>helloworld</literal>, showing what we've learnt.
</para>
<figure id="figure-helloworld2">
<title>Hello World 2</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;helloworld2.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;helloworld2">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: helloworld.h
<programlisting>
#ifndef GTKMM_EXAMPLE_HELLOWORLD_H
#define GTKMM_EXAMPLE_HELLOWORLD_H
#include <gtkmm/button.h>
#include <gtkmm/box.h>
#include <gtkmm/window.h>
class HelloWorld : public Gtk::Window
{
public:
HelloWorld();
virtual ~HelloWorld();
protected:
// Signal handlers:
// Our new improved on_button_clicked(). (see below)
virtual void on_button_clicked(Glib::ustring data);
// Child widgets:
Gtk::HBox m_box1;
Gtk::Button m_button1, m_button2;
};
#endif // GTKMM_EXAMPLE_HELLOWORLD_H
</programlisting>
</para>
<para>File: helloworld.cc
<programlisting>
#include "helloworld.h"
#include <iostream>
HelloWorld::HelloWorld()
: m_button1("Button 1"),
m_button2("Button 2")
{
// this is a new call, this just sets the title of our new window to
// "Hello Buttons!"
set_title("Hello Buttons!");
// sets the border width of the window.
set_border_width(10);
// put the box into the main window.
add(m_box1);
// Now when the button is clicked, we call the "on_button_clicked" function
// with a pointer to "button 1" as it's argument
m_button1.signal_clicked().connect(SigC::bind<Glib::ustring>( SigC::slot(*this, &HelloWorld::on_button_clicked), "button 1") );
// instead of gtk_container_add, we pack this button into the invisible
// box, which has been packed into the window.
// note that the pack_start default arguments are Gtk::EXPAND | Gtk::FILL, 0
m_box1.pack_start(m_button1);
// always remember this step, this tells GTK that our preparation
// for this button is complete, and it can be displayed now.
m_button1.show();
// call the same signal handler with a different argument,
// passing a pointer to "button 2" instead.
m_button2.signal_clicked().connect(SigC::bind<Glib::ustring>( SigC::slot(*this, &HelloWorld::on_button_clicked), "button 2") );
m_box1.pack_start(m_button2);
// Show the widgets.
// They will not really be shown until this Window is shown.
m_button2.show();
m_box1.show();
}
HelloWorld::~HelloWorld()
{
}
// Our new improved signal handler. The data passed to this method is
// printed to stdout.
void HelloWorld::on_button_clicked(Glib::ustring data)
{
std::cout << "Hello World - " << data << " was pressed" << std::endl;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "helloworld.h"
int main (int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
HelloWorld helloworld;
Gtk::Main::run(helloworld); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
After building and running this program, try resizing the window to see the behaviour. Also, try
playing with the options to <literal>pack_start()</literal> while reading the <link linkend="sec-Boxes">Boxes</link> section.
</para>
</sect2>
<sect2 id="sec-stl-style">
<title>STL-style APIs</title>
<para>
TODO: Use 'Standard Library' instead of STL.
If you're an accomplished C++ programmer, you'll be happy to hear that
most of the gtkmm <literal>Container</literal> widgets provide STL-style APIs, available via accessor methods, such as <literal>Gtk::Box::children()</literal> or <literal>Gtk::Notebook::pages()</literal>. They don't
use actual STL containers (there are good reasons for this), but they look, feel, and act much like STL
container classes.
</para>
<para>These APIs are so similar to STL container APIs that, rather than explaining them in detail, we can refer
you to the STL documentation for most of their methods. This is all part of gtkmm's policy of reusing existing standards.
</para>
<para>However, STL-style APIs can require awkward or lengthy code in some situations, so some people prefer not to use them, while other people use them religiously. Therefore, you are not forced to use them - most container widgets have a simpler non-STL-style API, with methods such as <literal>append()</literal> and <literal>prepend()</literal>.
</para>
<para>
At a minimum, gtkmm container lists support iterators and the usual insertion, deletion, and addition methods. You can
always expect the following methods to be available for gtkmm STL-style APIs:
<itemizedlist>
<listitem>
<para>
<literal>begin()</literal> returns a <literal>begin</literal> iterator
</para>
</listitem>
<listitem>
<para>
<literal>end()</literal> returns an <literal>end</literal> iterator
</para>
</listitem>
<listitem>
<para>
<literal>rbegin()</literal> returns a reverse <literal>begin</literal> iterator
</para>
</listitem>
<listitem>
<para>
<literal>rend()</literal> returns a reverse <literal>end</literal> iterator
</para>
</listitem>
<listitem>
<para>
<literal>size()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>max_size()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>empty()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>insert()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>push_front()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>push_back()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>pop_front()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>pop_back()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>clear()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>erase()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>remove()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>find()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>front()</literal>
</para>
</listitem>
<listitem>
<para>
<literal>back()</literal>
</para>
</listitem>
</itemizedlist>
</para>
<para>
Also, the <literal>[]</literal> operator is overloaded, but that is usually order
N, so if performance is a consideration, or the list has a large
number of elements, think carefully before using it.
</para>
<para>
The element objects and list objects are defined, for each container,
in a namespace whose name ends in <literal>_Helpers</literal>. For example, the
helper namespace for the notebook widget is
<literal>Gtk::Notebook_Helpers</literal>.</para>
<sect3>
<title>Adding items</title>
<para>
There is a major difference between gtkmm STL-style APIs and
real STL containers. Normally, when you use a <literal>std::vector</literal>, for example,
you expect that whatever you put in, you'll get out, unmodified. You
wouldn't make a <literal>std::vector<int></literal> and expect to get <literal>double</literal>s
out of it. But, gtkmm STL-style APIs don't always work like
that - you will often put one kind of object in, and later get a different kind out. Why this odd
behaviour?
</para>
<para>
Consider a menu widget, which must maintain a hierarchical list of
menus and menu items. Menus can only contain certain objects, such as menu items, separators,
and submenus. To ensure consistency, a "filter" is needed to
keep out illegal objects. Also, since only a few types of objects are
allowed, convenience methods can be provided to make it easy to
build up menus.
</para>
<para>
gtkmm takes care of both requirements using special
<emphasis>helper elements</emphasis>. Helper elements are
temporary - they're typically constructed and passed to an insertion method in the same call.
The list insertion method uses the information in the helper element to construct the real
object, which is then inserted into the container.
</para>
<para>
As an example, let's look at the <literal>Notebook</literal> widget (explained in the
section on <link linkend="sec-Notebook">Notebooks</link>). Notebook widgets contain a series of "pages".
</para>
<para>
Each page in a notebook requires, at minimum, the following
information:
</para>
<para>
<itemizedlist>
<listitem>
<para>
A child widget (zero or one), to be placed in the page
</para>
</listitem>
<listitem>
<para>
A label for the page's tab
</para>
</listitem>
</itemizedlist>
</para>
<para>
(The gtkmm notebook widget keeps other data for each page as well.)
</para>
<para>
To insert a new page in a notebook, we can use one of the notebook
helper classes, like this:
<programlisting>
notebook->pages().push_back(
Gtk::Notebook_Helpers::TabElem(*frame, bufferl));
</programlisting>
</para>
<para>
Let's see what's
going on here. Assume we have a pointer to a Notebook widget called
<literal>notebook</literal>; we go from that to a member method called
<literal>pages()</literal>, which returns an STL-like list object. On this we call
the method <literal>push_back()</literal> (this should be familiar to those who know STL).
</para>
<para>
The object that the <literal>pages()</literal> method returns is called a
<literal>Notebook_Helpers::PageList</literal>. It's one of the STL-like containers
that we keep referring to. Let's take a look at this class (this has been heavily edited for clarity; see
<literal><gtkmm/notebook.h></literal> for the actual definition):
</para>
<para>
<programlisting>
namespace Notebook_Helpers
{
class PageList
{
public:
. . .
void push_back(const Element& e);
. . .
Page* operator[](size_type l);
};
};
</programlisting>
</para>
<para>
There are two important things to notice here:
<itemizedlist>
<listitem>
<para>
The <literal>push_back()</literal> method takes as argument an <literal>Element</literal>
object (helper);
</para>
</listitem>
<listitem>
<para>
The overloaded <literal>[]</literal> operator returns a pointer to a
<literal>Page</literal>.
</para>
</listitem>
</itemizedlist>
</para>
<para>
This scheme has some important advantages:
</para>
<para>
<itemizedlist>
<listitem>
<para>
We can provide as many different Helper objects as desired,
making it simple to construct complex widgets like Menus.
</para>
</listitem>
<listitem>
<para>
Construction of the actual objects can be delayed until an appropriate time. Sometimes we don't have enough information until later
with GTK+.
</para>
</listitem>
<listitem>
<para>
The definitions of the objects contained in the list can change;
their interfaces need not concern the programmer. For example, even
if the <literal>Page</literal> object changes drastically, the programmer need not
be concerned; the <literal>Element</literal>s need not change, and will continue to
work as expected.
</para>
</listitem>
<listitem>
<para>
New <literal>Element</literal> objects can be added at any time to support new
features, without breaking existing code.
</para>
</listitem>
</itemizedlist>
</para>
<para>
All multi-item containers have an <literal>Element</literal> object in their helper
namespaces, and usually there are additional classes
available (like <literal>TabElem</literal> and <literal>MenuElem</literal>) which derive from
<literal>Element</literal>. <literal>Element</literal> classes vary from container to container,
since each contains different kinds of objects.
</para>
<para>
It's very important to remember that <literal>Element</literal>s are
not "real" objects. They exist only temporarily, and they are
never stored in the container. They are used <emphasis>only</emphasis> as
temporary "parameter-holders". Therefore, the following segment of
code is illegal:
<programlisting>
MenuElem* m = new MenuElem("hello");
m->right_justify();
items().push_back(*m);
</programlisting>
</para>
<para>
We constructed a new <literal>MenuElem</literal> helper object, and then
tried to invoke <literal>right_justify()</literal> on it before adding it to the
menu. The trouble is that there is no <literal>right_justify()</literal> method
in the <literal>MenuElem</literal> class. The correct way to accomplish this would
be:
<programlisting>
items().push_back(MenuElem("hello"));
items().back()->right_justify();
</programlisting>
</para>
<para>
Here, we've constructed a <literal>MenuElem</literal> and inserted it into the menu
by passing it to <literal>push_back()</literal>, causing the real menu item to
be created. We've then called <literal>right_justify()</literal> on the object
retrieved from the list. This is correct - the object retrieved from
the list is not a <literal>MenuElem</literal>, but a real <literal>MenuItem</literal>, and therefore supports the
<literal>right_justify()</literal> method as expected.
</para>
</sect3>
</sect2>
<sect2 id="sec-Boxes">
<title>Boxes</title>
<para>
Most packing uses boxes as in the above example. These
are invisible containers into which we can pack our widgets. When
packing widgets into a horizontal box, the objects are inserted
horizontally from left to right or right to left depending on whether <literal>pack_start()</literal> or <literal>pack_end()</literal> is used. In a vertical box, widgets are packed from top to bottom or vice
versa. You may use any combination of boxes inside or beside other
boxes to create the desired effect.
</para>
<sect3><title>Adding widgets</title>
<sect4><title>Per-child packing options</title>
<para>
The <literal>pack_start()</literal> and
<literal>pack_end()</literal> methods place widgets inside
these containers. The <literal>pack_start()</literal> method will start at
the top and work its way down in a <literal>VBox</literal>, or pack left to right in an
<literal>HBox</literal>. <literal>pack_end()</literal> will do the opposite, packing from
bottom to top in a <literal>VBox</literal>, or right to left in an <literal>HBox</literal>. Using these
methods allows us to right justify or left justify our widgets. We will
use <literal>pack_start()</literal> in most of our examples.
</para>
<para>
There are several options governing how widgets are be packed, and this can be confusing at first. If you have difficulties then it is sometimes a good idea to play with the <literal>glade</literal> GUI designer to see what is possible. You might even decide to use the <literal>libglademm</literal> API to load your GUI at runtime.
</para>
<para>
There are basically five
different styles, as shown in this picture:
</para>
<figure id="figure-box_packing1">
<title>Box Packing 1</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;box_packing1.png"/>
</screenshot>
</figure>
<para>
Each line contains one horizontal box (<literal>HBox</literal>) with several
buttons. Each of the buttons on a line is packed into the <literal>HBox</literal> with the same arguments to the
<literal>pack_start()</literal> method).
</para>
<para>
This is the declaration of the <literal>pack_start()</literal> method:
<programlisting>
void pack_start(Gtk::Widget& child, PackOptions options = PACK_EXPAND_WIDGET, guint padding = 0);
</programlisting>
</para>
<para>
The first argument is the widget you're packing. In our example these are all <literal>Buttons</literal>s.
</para>
<para>
The <literal>options</literal> argument can take one of these three options:
<itemizedlist>
<listitem><para><literal>PACK_SHRINK</literal>: Space is contracted to the child widget size. The widget will take up just-enough space and never expand.</para></listitem>
<listitem><para><literal>PACK_EXPAND_PADDING</literal>: Extra space is filled with padding. The widgets will be spaced out evenly, but their sizes won't change - there will be empty space between the widgets instead. </para></listitem>
<listitem><para><literal>PACK_EXPAND_WIDGET</literal>: Extra space is taken up by increasing the child widget size, without changing the amount of space between widgets.</para></listitem>
</itemizedlist>
</para>
<para>
The <literal>padding</literal> argument specifies the width of an extra border area to leave around the
packed widget.
</para>
<para>Instead of the <literal>pack_start()</literal> and <literal>pack_end()</literal> methods, you might prefer to use the STL-style API, available via the <literal>children</literal> method. See the <link linkend="sec-stl-style">STL-style APIs</link> section for more details.</para>
<para><ulink url="&url_refdocs_base_gtk;Box.html">Reference</ulink></para>
</sect4>
<sect4><title>Per-container packing options</title>
<para>
Here's the constructor for the box widgets:
<programlisting>
Gtk::Box(bool homogeneous = false, int spacing = 0);
</programlisting>
Passing <literal>true</literal> for <literal>homogeneous</literal> will cause all of the contained
widgets to be the same size. <literal>spacing</literal> is a (minimum) number of
pixels to leave between each widget.
</para>
<para>
What's the difference between spacing (set when the box is created)
and padding (set when elements are packed)? Spacing is added between
objects, and padding is added on either side of a widget. The following
figure should make it clearer:
</para>
<figure id="figure-box_packing2">
<title>Box Packing 2</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;box_packing2.png"/>
</screenshot>
</figure>
</sect4>
</sect3>
<sect3>
<title>Example</title>
<para>
Here is the source code for the example that produced the screenshots above. When you run this example, provide a number between 1 and 3 as a command-line option, to see different packing options in use.</para>
<para><ulink url="&url_examples_base;box">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
#include <packbox.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow(int which);
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_quit_clicked();
//Child widgets:
Gtk::Button m_button;
Gtk::VBox m_box1;
Gtk::HBox m_boxQuit;
Gtk::Button m_buttonQuit;
Gtk::Label m_Label1, m_Label2;
Gtk::HSeparator m_seperator1, m_seperator2, m_seperator3, m_seperator4, m_seperator5;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: packbox.h
<programlisting>
#ifndef GTKMM_EXAMPLE_PACKBOX_H
#define GTKMM_EXAMPLE_PACKBOX_H
#include <gtkmm.h>
class PackBox : public Gtk::HBox
{
public:
PackBox(bool homogeneous, int spacing, Gtk::PackOptions, int padding = 0);
virtual ~PackBox();
protected:
Gtk::Button m_button1, m_button2, m_button3;
Gtk::Button* m_pbutton4;
char padstr[80];
};
#endif //GTKMM_EXAMPLE_PACKBOX_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include <iostream>
#include "examplewindow.h"
ExampleWindow::ExampleWindow(int which)
: m_buttonQuit("Quit")
{
set_title("Gtk::Box example");
PackBox *pPackBox1, *pPackBox2, *pPackBox3, *pPackBox4, *pPackBox5;
switch(which)
{
case 1:
{
m_Label1.set_text("Gtk::HBox(false, 0);");
// Align the label to the left side. We'll discuss this function and
// others in the section on Widget Attributes.
m_Label1.set_alignment(Gtk::ALIGN_LEFT, Gtk::ALIGN_TOP);
// Pack the label into the vertical box (vbox box1). Remember that
// widgets added to a vbox will be packed one on top of the other in
// order.
m_box1.pack_start(m_Label1, Gtk::PACK_SHRINK);
// Create a PackBox - homogeneous = false, spacing = 0,
// options = Gtk::PACK_SHRINK, padding = 0
pPackBox1 = Gtk::manage(new PackBox(false, 0, Gtk::PACK_SHRINK));
m_box1.pack_start(*pPackBox1, Gtk::PACK_SHRINK);
// Create a PackBox - homogeneous = false, spacing = 0,
// options = Gtk::PACK_EXPAND_PADDING, padding = 0
pPackBox2 = Gtk::manage(new PackBox(false, 0, Gtk::PACK_EXPAND_PADDING));
m_box1.pack_start(*pPackBox2, Gtk::PACK_SHRINK);
// Create a PackBox - homogeneous = false, spacing = 0,
// options = Gtk::PACK_EXPAND_WIDGET, padding = 0
pPackBox3 = Gtk::manage(new PackBox(false, 0, Gtk::PACK_EXPAND_WIDGET));
m_box1.pack_start(*pPackBox3, Gtk::PACK_SHRINK);
// pack the separator into the vbox. Remember each of these
// widgets are being packed into a vbox, so they'll be stacked
// vertically.
m_box1.pack_start(m_seperator1, Gtk::PACK_SHRINK, 5);
// create another new label, and show it.
m_Label2.set_text("Gtk::HBox(true, 0);");
m_Label2.set_alignment(Gtk::ALIGN_LEFT, Gtk::ALIGN_TOP);
m_box1.pack_start(m_Label2, Gtk::PACK_SHRINK);
// Args are: homogeneous, spacing, options, padding
pPackBox4 = Gtk::manage(new PackBox(true, 0, Gtk::PACK_EXPAND_PADDING));
m_box1.pack_start(*pPackBox4, Gtk::PACK_SHRINK);
// Args are: homogeneous, spacing, options, padding
pPackBox5 = Gtk::manage(new PackBox(true, 0, Gtk::PACK_EXPAND_WIDGET));
m_box1.pack_start(*pPackBox5, Gtk::PACK_SHRINK);
m_box1.pack_start(m_seperator2, Gtk::PACK_SHRINK, 5);
break;
}
case 2:
{
m_Label1.set_text("Gtk::HBox(false, 10);");
m_Label1.set_alignment(Gtk::ALIGN_LEFT, Gtk::ALIGN_TOP);
m_box1.pack_start(m_Label1, Gtk::PACK_SHRINK);
pPackBox1 = Gtk::manage(new PackBox(false, 10, Gtk::PACK_EXPAND_PADDING));
m_box1.pack_start(*pPackBox1, Gtk::PACK_SHRINK);
pPackBox2 = Gtk::manage(new PackBox(false, 10, Gtk::PACK_EXPAND_WIDGET));
m_box1.pack_start(*pPackBox2, Gtk::PACK_SHRINK);
m_box1.pack_start(m_seperator1, Gtk::PACK_SHRINK, 5);
m_Label2.set_text("Gtk::HBox(false, 0);");
m_Label2.set_alignment(Gtk::ALIGN_LEFT, Gtk::ALIGN_TOP);
m_box1.pack_start(m_Label2, Gtk::PACK_SHRINK);
pPackBox3 = Gtk::manage(new PackBox(false, 0, Gtk::PACK_SHRINK, 10));
m_box1.pack_start(*pPackBox3, Gtk::PACK_SHRINK);
pPackBox4 = Gtk::manage(new PackBox(false, 0, Gtk::PACK_EXPAND_WIDGET, 10));
m_box1.pack_start(*pPackBox4, Gtk::PACK_SHRINK);
m_box1.pack_start(m_seperator2, Gtk::PACK_SHRINK, 5);
break;
}
case 3:
{
// This demonstrates the ability to use Gtk::Box::pack_end() to
// right justify widgets. First, we create a new box as before.
pPackBox1 = Gtk::manage(new PackBox(false, 0, Gtk::PACK_SHRINK));
// create the label that will be put at the end.
m_Label1.set_text("end");
// pack it using pack_end(), so it is put on the right side
// of the PackBox.
pPackBox1->pack_end(m_Label1, Gtk::PACK_SHRINK);
m_box1.pack_start(*pPackBox1, Gtk::PACK_SHRINK);
// this explicitly sets the separator to 400 pixels wide by 5 pixels
// high. This is so the hbox we created will also be 400 pixels wide,
// and the "end" label will be separated from the other labels in the
// hbox. Otherwise, all the widgets in the hbox would be packed as
// close together as possible.
m_seperator1.set_size_request(400, 5);
// pack the separator into ourselves
m_box1.pack_start(m_seperator1, Gtk::PACK_SHRINK, 5);
break;
}
default:
{
std::cerr << "Unexpected command-line option." << std::endl;
break;
}
}
// Connect the signal to hide the window:
m_buttonQuit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit_clicked) );
// pack the button into the quitbox.
// The last 2 arguments to Box::pack_start are: options, padding.
m_boxQuit.pack_start(m_buttonQuit, Gtk::PACK_EXPAND_PADDING);
m_box1.pack_start(m_boxQuit, Gtk::PACK_SHRINK);
// pack the vbox (box1) which now contains all our widgets, into the
// main window.
add(m_box1);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit_clicked()
{
hide();
}
</programlisting>
</para>
<para>File: packbox.cc
<programlisting>
#include "packbox.h"
#include <cstdio> //For sprintf().
PackBox::PackBox(bool homogeneous, int spacing, Gtk::PackOptions options, int padding) :
Gtk::HBox(homogeneous, spacing),
m_button1("box.pack_start("),
m_button2("button,"),
m_button3((options == Gtk::PACK_SHRINK) ? "Gtk::PACK_SHRINK" :
((options == Gtk::PACK_EXPAND_PADDING) ? "Gtk::PACK_EXPAND_PADDING" : "Gtk::PACK_EXPAND_WIDGET"))
{
pack_start(m_button1, options, padding);
pack_start(m_button2, options, padding);
pack_start(m_button3, options, padding);
sprintf(padstr, "%d);", padding);
m_pbutton4 = new Gtk::Button(padstr);
pack_start(*m_pbutton4, options, padding);
}
PackBox::~PackBox()
{
delete m_pbutton4;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <iostream>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main main_instance(argc, argv);
if(argc != 2)
{
std::cerr << "usage: packbox num, where num is 1, 2, or 3." << std::endl;
// this just does cleanup in GTK, and exits with an exit status of 1.
gtk_exit (1);
}
ExampleWindow window( atoi(argv[1]) );
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
<sect2 id="sec-ButtonBoxes">
<title>ButtonBoxes </title>
<para>
Button boxes are a convenient way to quickly arrange a group of
buttons. They come in both horizontal (<literal>Gtk::HButtonBox</literal>) and
vertical (<literal>Gtk::VButtonBox</literal>) flavours. They are exactly
alike, except in name and orientation.
</para>
<para>
ButtonBoxes help to make applications appear consistent because they use standard settings, such as inter-button spacing and packing.
</para>
<para>
Buttons are added to a <literal>ButtonBox</literal> with the <literal>add()</literal> method.
</para>
<para>
Button boxes support several layout styles. The style can be retrieved
and changed using <literal>get_layout()</literal> and <literal>set_layout()</literal>.
</para>
<para><ulink url="&url_refdocs_base_gtk;ButtonBox.html">Reference</ulink></para>
<sect3>
<title>Example</title>
<figure id="figure-buttonbox">
<title>ButtonBox</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;buttonbox.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;buttonbox">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Child widgets:
Gtk::VBox m_VBox_Main, m_VBox;
Gtk::HBox m_HBox;
Gtk::Frame m_Frame_Horizontal, m_Frame_Vertical;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplebuttonbox.h
<programlisting>
#ifndef GTKMM_EXAMPLE_BUTTONBOX_H
#define GTKMM_EXAMPLE_BUTTONBOX_H
#include <gtkmm.h>
class ExampleButtonBox : public Gtk::Frame
{
public:
ExampleButtonBox(bool horizontal,
const Glib::ustring& title,
gint spacing,
Gtk::ButtonBoxStyle layout);
protected:
Gtk::Button m_Button_OK, m_Button_Cancel, m_Button_Help;
};
#endif //GTKMM_EXAMPLE_BUTTONBOX_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include "examplebuttonbox.h"
ExampleWindow::ExampleWindow()
: m_Frame_Horizontal("Horizontal Button Boxes"),
m_Frame_Vertical("Vertical Button Boxes")
{
set_title("Gtk::ButtonBox");
add(m_VBox_Main);
m_VBox_Main.pack_start(m_Frame_Horizontal, Gtk::PACK_EXPAND_WIDGET, 10);
//The horizontal ButtonBoxes:
m_VBox.set_border_width(10);
m_Frame_Horizontal.add(m_VBox);
m_VBox.pack_start( *Gtk::manage( new ExampleButtonBox(true, "Spread (spacing 40)",
40, Gtk::BUTTONBOX_SPREAD)),
Gtk::PACK_EXPAND_WIDGET, 0);
m_VBox.pack_start( *Gtk::manage( new ExampleButtonBox(true, "Edge (spacing 30)",
30, Gtk::BUTTONBOX_EDGE)),
Gtk::PACK_EXPAND_WIDGET, 5);
m_VBox.pack_start( *Gtk::manage( new ExampleButtonBox(true, "Start (spacing 20)",
20, Gtk::BUTTONBOX_START)),
Gtk::PACK_EXPAND_WIDGET, 5);
m_VBox.pack_start( *Gtk::manage( new ExampleButtonBox(true, "end (spacing 10)",
10, Gtk::BUTTONBOX_END)),
Gtk::PACK_EXPAND_WIDGET, 5);
//The vertical ButtonBoxes:
m_VBox_Main.pack_start(m_Frame_Vertical, Gtk::PACK_EXPAND_WIDGET, 10);
m_HBox.set_border_width(10);
m_Frame_Vertical.add(m_HBox);
m_HBox.pack_start( *Gtk::manage( new ExampleButtonBox(false, "Spread (spacing 5)",
5, Gtk::BUTTONBOX_SPREAD)),
Gtk::PACK_EXPAND_WIDGET, 0);
m_HBox.pack_start( *Gtk::manage( new ExampleButtonBox(false, "Edge (spacing 30)",
30, Gtk::BUTTONBOX_EDGE)),
Gtk::PACK_EXPAND_WIDGET, 5);
m_HBox.pack_start( *Gtk::manage( new ExampleButtonBox(false, "Start (spacing 20)",
20, Gtk::BUTTONBOX_START)),
Gtk::PACK_EXPAND_WIDGET, 5);
m_HBox.pack_start( *Gtk::manage( new ExampleButtonBox(false, "End (spacing 10)",
10, Gtk::BUTTONBOX_END)),
Gtk::PACK_EXPAND_WIDGET, 5);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_clicked()
{
hide();
}
</programlisting>
</para>
<para>File: examplebuttonbox.cc
<programlisting>
#include "examplebuttonbox.h"
ExampleButtonBox::ExampleButtonBox(bool horizontal,
const Glib::ustring& title,
gint spacing,
Gtk::ButtonBoxStyle layout)
: Gtk::Frame(title),
m_Button_OK("OK"),
m_Button_Cancel("Cancel"),
m_Button_Help("Help")
{
Gtk::ButtonBox* bbox = 0;
if(horizontal)
bbox = Gtk::manage( new Gtk::HButtonBox() );
else
bbox = Gtk::manage( new Gtk::VButtonBox() );
bbox->set_border_width(5);
add(*bbox);
/* Set the appearance of the Button Box */
bbox->set_layout(layout);
bbox->set_spacing(spacing);
bbox->add(m_Button_OK);
bbox->add(m_Button_Cancel);
bbox->add(m_Button_Help);
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
<sect2>
<title>Table</title>
<para>
Tables allows us to place widgets in a grid.
</para>
<sect3><title>Constructor</title>
<para>
The grid's dimensions need to be specified in the constructor:
<programlisting>
Gtk::Table(int rows = 1, int columns = 1, bool homogeneous = false);
</programlisting>
</para>
<para>
The first argument is the number of rows to make in the table, while
the second, obviously, is the number of columns. If <literal>homogeneous</literal>
is <literal>true</literal>, the table cells will all be the same size
(the size of the largest widget in the table).
</para>
<para>
The rows and columns are indexed starting at 0. If you specify
<literal>rows</literal> = 2 and <literal>columns</literal> = 2, the layout would look something
like this:
</para>
<para>
<programlisting>
0 1 2
0+----------+----------+
| | |
1+----------+----------+
| | |
2+----------+----------+
</programlisting>
</para>
<para>
Note that the coordinate system starts in the upper left hand corner.
</para>
</sect3>
<sect3><title>Adding widgets</title>
<para>
To place a widget into a box, use the following method:
<programlisting>
void Gtk::Table::attach(Gtk::Widget& child,
guint left_attach, guint right_attach,
guint top_attach, guint bottom_attach,
guint xoptions = Gtk::FILL | Gtk::EXPAND,
guint yoptions = Gtk::FILL | Gtk::EXPAND,
guint xpadding = 0, guint ypadding = 0);
</programlisting>
</para>
<para>
The first argument is the widget you wish to place in the table.
</para>
<para>
The <literal>left_attach</literal> and <literal>right_attach</literal> arguments specify where to
place the widget, and how many boxes to use. For example, if you want
a button in the lower-right cell of a 2 x 2 table, and want it to occupy
that cell <emphasis>only</emphasis>, then <literal>left_attach</literal> would be 1,
<literal>right_attach</literal> 2, <literal>top_attach</literal> 1, and <literal>bottom_attach</literal> 2. If,
on the other hand, you wanted a widget to take up the entire top row
of our 2 x 2 table, you'd set <literal>left_attach</literal> = 0, <literal>right_attach</literal> =
2, <literal>top_attach</literal> = 0, and <literal>bottom_attach</literal> = 1.
</para>
<para>
<literal>xoptions</literal> and <literal>yoptions</literal> are used to specify packing options
and may be bitwise ORed together to allow multiple options.
These options are:
</para>
<para>
<variablelist>
<varlistentry>
<term><literal>Gtk::FILL</literal></term>
<listitem>
<para>
If the table box is larger than the widget, and
<literal>Gtk::FILL</literal> is specified, the widget will expand to use all the room available.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term><literal>Gtk::SHRINK</literal></term>
<listitem>
<para>
If the table widget is allocated less
space than it requested (because the user resized the window),
then the widgets will normally just disappear off the bottom of the
window. If <literal>Gtk::SHRINK</literal> is specified, the widgets
will shrink with the table.
</para>
</listitem>
</varlistentry>
<varlistentry>
<term><literal>Gtk::EXPAND</literal></term>
<listitem>
<para>This will cause the table to expand to use up anyremaining space in the window.
</para>
</listitem>
</varlistentry>
</variablelist>
</para>
<para>
The padding arguments work just as they do for <literal>pack_start()</literal>.
</para>
</sect3>
<sect3><title>Other methods</title>
<para>
<literal>set_row_spacing()</literal> and
<literal>set_col_spacing()</literal> set the spacing between the rows at
the specified row or column. Note that for columns, the space goes to the right of the column, and for rows, the space goes below the row.
</para>
<para>
You can also set a consistent spacing for all rows and/or columns with <literal>set_row_spacings()</literal> and <literal>set_col_spacings()</literal>. Note that with these calls, the last row and last column do not get
any spacing.
</para>
<para><ulink url="&url_refdocs_base_gtk;Table.html">Reference</ulink></para>
</sect3>
<sect3><title>Example</title>
<para>
In the following example, we make a window with three buttons in a 2 x 2
table. The first two buttons will be placed in the upper row. A
third button is placed in the lower row, spanning both columns.
</para>
<figure id="figure-table">
<title>Table</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;table.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;aspectframe">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Child widgets:
Gtk::AspectFrame m_AspectFrame;
Gtk::DrawingArea m_DrawingArea;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_AspectFrame("2x1", /* label */
Gtk::ALIGN_CENTER, /* center x */
Gtk::ALIGN_CENTER, /* center y */
2.0, /* xsize/ysize = 2 */
false /* ignore child's aspect */)
{
set_title("Aspect Frame");
set_border_width(10);
// Add a child widget to the aspect frame */
// Ask for a 200x200 window, but the AspectFrame will give us a 200x100
// window since we are forcing a 2x1 aspect ratio */
m_DrawingArea.set_size_request(200, 200);
m_AspectFrame.add(m_DrawingArea);
// Add the aspect frame to our toplevel window:
add(m_AspectFrame);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
<sect2 id="sec-Notebook">
<title>Notebook</title>
<para>
A <literal>Notebook</literal> has set of stacked <literal>pages</literal>, each of which contains widgets. Labelled <literal>tabs</literal> allow the user to
select the pages. <literal>Notebooks</literal> allow several sets of widgets to be placed in a small space, by only showing one page at a time. For instance, they are often used in preferences dialogs.
</para>
<para>Use the <literal>append_page()</literal>, <literal>prepend_page()</literal> and <literal>insert_page()</literal> methods to add tabbed pages to the <literal>Notebook</literal>, supplying the child widget and the name for the tab.</para>
<para>To discover the currently visible page, use the <literal>get_current_page()</literal> method. This returns the page number, and then calling <literal>get_nth_page()</literal> with that number will give you a pointer to the actual child widget.</para>
<para>To programmatically change the selected page, use the <literal>set_page()</literal> method.</para>
<para>There is also an <link linkend="sec-Notebook-STL-style">STL-style API</link> which you might find more obvious.</para>
<para><ulink url="&url_refdocs_base_gtk;Notebook.html">Reference</ulink></para>
<sect3><title>Example</title>
<figure id="figure-notebook">
<title>Notebook</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;notebook.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;notebook/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_quit();
//Child widgets:
Gtk::VBox m_VBox;
Gtk::Notebook m_Notebook;
Gtk::Label m_Label1, m_Label2;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Quit;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include <iostream>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Label1("Contents of tab 1"),
m_Label2("Contents of tab 2"),
m_Button_Quit("Quit")
{
set_title("Gtk::Notebook example");
set_border_width(10);
set_default_size(400, 200);
add(m_VBox);
//Add the Notebook, with the button underneath:
m_Notebook.set_border_width(10);
m_VBox.pack_start(m_Notebook);
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_Button_Quit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit) );
//Add the Notebook pages:
m_Notebook.append_page(m_Label1, "First");
m_Notebook.append_page(m_Label2, "Second");
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
<sect3 id="sec-Notebook-STL-style">
<title>STL-style API</title>
<para>
The <literal>Gtk::Notebook</literal> widget has an STL-style API, available via the <literal>pages()</literal> method, which you might prefer to use to add and access pages. See the <link linkend="sec-stl-style">STL-style APIs</link> section for generic information.</para>
<para><ulink url="&url_refdocs_base_gtk;Notebook__Helpers_1_1PageList.html">PageList Reference</ulink></para>
<para>
To insert pages into a notebook, use the <literal>TabElem</literal> helper class, like so:
<programlisting>
m_Notebook.pages().push_back( Gtk::Notebook_Helpers::TabElem(m_ChildWidget, "tab 1") );
</programlisting>
</para>
<para><ulink url="&url_refdocs_base_gtk;Notebook__Helpers_1_1TabElem.html">TabElem Reference</ulink>. TODO: Correct URL.</para>
<para>To access an existing child widget, you can call <literal>get_child()</literal> on one of the <literal>Page</literal> elements of the <literal>PageList</literal>:
<programlisting>
Gtk::Widget* pWidget = m_Notebook.pages()[2].get_child();
</programlisting>
</para>
</sect3>
</sect2>
</sect1>
</chapter>
<chapter id="sec-chapter-treeview">
<title>The TreeView widget</title>
<para>
The Gtk::TreeView widget can contain lists or trees of data, in
columns.
</para>
<sect1>
<title>The Model</title>
<para>
Each Gtk::TreeView has an associated Gtk::TreeModel, which contains the data displayed by the TreeView. Each Gtk::TreeModel can be used by more than one Gtk::TreeView. For
instance, this allows
the same underlying data to be displayed and edited in 2 different
ways at the same time. Or the 2 Views might display different columns from the
same Model data, in the same way that 2 SQL queries (or "views") might
show different fields from the same database table.
</para>
<para>
Although you can theoretically implement your own Model, you will
normally use either the ListStore or TreeStore model classes.</para>
<para><ulink url="&url_refdocs_base_gtk;TreeModel.html">Reference</ulink></para>
<sect2>
<title>ListStore, for rows</title>
<para>
The ListStore contains simple rows of data, and each row has no
children.
</para>
<figure id="figure-treeview-liststore-model">
<title>TreeView - ListStore</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;treeview_list.png"/>
</screenshot>
</figure>
<para><ulink url="&url_refdocs_base_gtk;ListStore.html">Reference</ulink></para>
</sect2>
<sect2>
<title>TreeStore, for a hierarchy</title>
<para>
The TreeStore contains rows of data, and each row may have child
rows.
</para>
<figure id="figure-treeview-treestore-model">
<title>TreeView - TreeStore</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;treeview_tree.png"/>
</screenshot>
</figure>
<para><ulink url="&url_refdocs_base_gtk;TreeStore.html">Reference</ulink></para>
</sect2>
<sect2>
<title>Model Columns</title>
<para>
The TreeModel::ColumnRecord class is used to keep track of the columns and
their data types. You add TreeModelColumn instances to the
ColumnRecord and then use those TreeModelColumns when getting and
setting the data in model rows. You will probably find it convenient
to derive a new TreeModel::ColumnRecord which has your TreeModelColumn
instances as member data.
</para>
<para>
<programlisting>
class ModelColumns : public Gtk::TreeModel::ColumnRecord
{
public:
ModelColumns()
{ add(m_col_text); add(m_col_number); }
Gtk::TreeModelColumn<Glib::ustring> m_col_text;
Gtk::TreeModelColumn<int> m_col_number;
};
ModelColumns m_Columns;
</programlisting>
</para>
<para>
You specify the ColumnRecord when creating the Model, like so:
<programlisting>
Glib::RefPtr<Gtk::ListStore> refListStore = Gtk::ListStore::create(m_Columns);
</programlisting>
</para>
</sect2>
<sect2>
<title>Adding Rows</title>
<para>
Add rows to the model with the <literal>append()</literal>, <literal>prepend()</literal>, or <literal>insert()</literal> methods.
<programlisting>
Gtk::TreeModel::iterator iter = m_refListStore->append();
</programlisting>
</para>
<para>You can dereference the iterator to get the Row:
<programlisting>
Gtk::TreeModel::Row row = *iter;
</programlisting>
</para>
<sect3><title>Adding child rows</title>
<para>
<literal>Gtk::TreeStore</literal> models can have child items. Add them with the <literal>append()</literal>, <literal>prepend()</literal>, or <literal>insert()</literal> methods, like so:
<programlisting>
Gtk::TreeModel::iterator iter_child = m_refListStore->append(row.children());
</programlisting>
</para>
</sect3>
</sect2>
<sect2>
<title>Setting values</title>
<para>
You can use the operator[] override to set the data for a
particular column in the row, specifying the TreeModelColumn used to
create the model.
<programlisting>
row[m_Columns.m_col_text] = "sometext";
</programlisting>
</para>
</sect2>
<sect2>
<title>Getting values</title>
<para>
You can use the operator[] override to get the data in a particular
column in a row, specifiying the TreeModelColumn used to create the model.
<programlisting>
Glib::ustring strText = row[m_Columns.m_col_text];
int number = row[m_Columns.m_col_number];
</programlisting>
</para>
<para>
The compiler will complain if you use an inappropriate type. For
instance, this would generate a compiler error:
<programlisting>
int number = row[m_Columns.m_col_text]; //compiler error - no conversion from
ustring to int.
</programlisting>
</para>
</sect2>
<sect2>
<title>"Hidden" Columns</title>
<para>
You might want to associate extra data with each row. If so, just add
it as a Model column, but don't add it to the View.
</para>
</sect2>
</sect1>
<sect1>
<title>The View</title>
<para>The View is the actual widget (Gtk::TreeView) that displays the model (Gtk::TreeModel) data and allows the user to interact with it. The View can show all of the model's columns, or just some, and it can show them in various ways.
</para>
<para><ulink url="&url_refdocs_base_gtk;TreeView.html">Reference</ulink></para>
<sect2>
<title>Using a Model</title>
<para>
You can specify a Gtk::TreeModel when constructing the Gtk::TreeView,
or you can use the set_model() method, like so:
<programlisting>
m_TreeView.set_model(m_refListStore);
</programlisting>
</para>
</sect2>
<sect2>
<title>Adding View Columns</title>
<para>
You can use the append_column() method to tell the View that it should display certain Model columns,
in a certain order, with a certain column title.
<programlisting>
m_TreeView.append_column("Messages", m_Columns.m_col_text);
</programlisting>
</para>
<para>
When using this simple append_column() override, the TreeView will
display the model data with an appropriate CellRenderer. For instance,
strings and numbers are shown in a simple Gtk::Entry widget, and booleans are
shown in a Gtk::CheckButton. This is usually what you need.
For other column types you must either connect a callback that converts
your type into a string representation, with
TreeViewColumn::set_cell_data_func(), or derive a custom CellRenderer.
Note that (unsigned) short is not supported by default - You could use
(unsigned) int or (unsigned) long as the column type instead.
</para>
</sect2>
<sect2>
<title>More than one Model Column per View Column</title>
<para>
To render more than one model column in a view column, you need to
create the TreeView::Column widget manually, and use pack_start() to
add the model columns to it.</para>
<para>Then use append_column() to add the view Column to the
View. Notice that Gtk::View::append_column() is overridden to accept
either a prebuilt Gtk::View::Column widget, or just the
TreeModelColumn from which it generates an appropriate
Gtk::View::Column widget.
</para>
<para>
Here is some example code from
demos/gtk-demo/example_stockbrowser.cc, which has a pixbuf icon and a
text name in the same column:
<programlisting>
Gtk::TreeView::Column* pColumn = Gtk::manage( new Gtk::TreeView::Column("Symbol") );
// m_columns.icon and m_columns.symbol are columns in the model.
// pColumn is the column in the TreeView:
pColumn->pack_start(m_columns.icon, false); //false = don't expand.
pColumn->pack_start(m_columns.symbol);
m_TreeView.append_column(*pColumn);
</programlisting>
</para>
</sect2>
<sect2>
<title>Specifying CellRenderer details</title>
<para>
The default CellRenderers and their default behaviour will normally
suffice, but you might occasionally need finer control. For instance,
this example code from <literal>demos/gtk-demo/example_treestore.cc</literal>, manually
constructs a Gtk::CellRenderer widget and instructs it to render the
data from various model columns through various aspects of its
appearance.
<programlisting>
Gtk::CellRendererToggle* pRenderer = Gtk::manage( new Gtk::CellRendererToggle() );
int cols_count = m_TreeView.append_column("Alex", *pRenderer);
Gtk::TreeViewColumn* pColumn = m_TreeView.get_column(cols_count-1);
if(pColumn)
{
pColumn->add_attribute(pRenderer->property_active(), m_columns.alex);
pColumn->add_attribute(pRenderer->property_visible(), m_columns.visible);
pColumn->add_attribute(pRenderer->property_activatable(), m_columns.world);
</programlisting>
</para>
<para>
You can also connect to CellRenderer signals to detect user
actions. For instance:
<programlisting>
Gtk::CellRendererToggle* pRenderer = Gtk::manage( new Gtk::CellRendererToggle() );
pRenderer->signal_toggled().connect(
SigC::bind( SigC::slot(*this, &Example_TreeView_TreeStore::on_cell_toggled), m_columns.dave)
);
</programlisting>
</para>
</sect2>
<sect2>
<title>Editable Cells</title>
<sect3>
<title>Automatically-stored editable cells.</title>
<para>
Cells in a TreeView can be edited in-place by the user. To allow this,
use the Gtk::TreeView <emphasis>insert_column_editable()</emphasis> and
<emphasis>append_column_editable()</emphasis> methods instead of
insert_column() and append_column(). When these cells are edited the
new values will be stored immediately in the Model. Note that these
methods are templates which can only be instantiated for simple column
types such as Glib::ustring, int, and long.
</para>
</sect3>
<sect3>
<title>Implementing custom logic for editable cells.</title>
<para>
However, you might not want the new values to be stored
immediately. For instance, maybe you want to restrict the input to
certain characters or ranges of values.
</para>
<para>
To achieve this, you should use the normal Gtk::TreeView
<emphasis>insert_column()</emphasis> and
<emphasis>append_column()</emphasis> methods, then use
<emphasis>get_column_cell_renderer()</emphasis> to get the
Gtk::CellRenderer used by that column.</para>
<para>You must set the cell's <emphasis>editable</emphasis> property to true, like so:
<programlisting>
cell.property_editable() = true;
</programlisting>
You should then cast that Gtk::CellRenderer* to the specific
CellRenderer that you expect, and then connect to the appropriate
"edited" signal. For instance, connect to
<emphasis>Gtk::CellRendererText::signal_edited()</emphasis>, or
<emphasis>Gtk::CellRendererToggle::signal_toggled()</emphasis>. If the
column contains more than one CellRenderer then you will need to use
<emphasis>Gtk::TreeView::get_column()</emphasis> and then call
<emphasis>get_cell_renderers()</emphasis> on that view Column.
</para>
<para>
In your signal handler, you should examine the new value and then
store it in the Model if that is appropriate for your application.
</para>
</sect3>
</sect2>
</sect1>
<sect1>
<title>Iterating over Model Rows</title>
<para>
Gtk::TreeModel provides an STL-style container of its children, via
the children() method. You can use the familiar begin() and end()
methods iterator incrementing, like so:
<programlisting>
typedef Gtk::TreeModel::Children type_children; //minimise code length.
type_children children = refModel->children();
for(type_children::iterator iter = children.begin(); iter != children.end(); ++iter)
{
Gtk::TreeModel::Row row = *iter;
//Do something with the row - see above for set/get.
}
</programlisting>
</para>
<sect2>
<title>Row children</title>
<para>
When using a Gtk::TreeStore, the rows can have child rows, which can
have their own children in turn. Use Gtk::TreeModel::Row::children()
to get the STL-style container of child Rows:
<programlisting>
Gtk::TreeModel::Children children = row.children();
</programlisting>
</para>
</sect2>
</sect1>
<sect1>
<title>The Selection</title>
<para>
To find out what rows the user has selected, get the
Gtk::TreeView::Selection object from the TreeView, like so:
<programlisting>
Glib::RefPtr<Gtk::TreeSelection> refTreeSelection =
m_TreeView.get_selection();
</programlisting>
</para>
<sect2>
<title>Single or multiple selection</title>
<para>
By default, only single rows can be selected, but you can allow
multiple selection by setting the mode, like so:
<programlisting>
refTreeSelection->set_mode(Gtk::SELECTION_MULTIPLE);
</programlisting>
</para>
</sect2>
<sect2>
<title>The selected rows</title>
<para>
For single-selection, you can just call get_selected(), like so:
<programlisting>
TreeModel::iterator iter = refTreeSelection->get_selected();
if(iter) //If anything is selected
{
TreeModel::Row row = *iter;
//Do something with the row.
}
</programlisting>
</para>
<para>
For multiple-selection, you need to define a callback, and give it to
selected_foreach(), like so:
<programlisting>
refTreeSelection->selected_foreach(
SigC::Slot(*this, &TheClass::selected_row_callback) );
...
void TheClass::selected_row_callback(const Gtk::TreeModel::iterator& iter)
{
TreeModel::Row row = *iter;
//Do something with the row.
}
</programlisting>
</para>
</sect2>
<sect2>
<title>The "changed" signal</title>
<para>
To respond to the user clicking on a row or range of rows, connect to the signal
like so:
<programlisting>
refTreeSelection->signal_changed().connect(
SigC::slot(*this, &Example_StockBrowser::on_selection_changed)
);
</programlisting>
</para>
</sect2>
<sect2>
<title>Preventing row selection</title>
<para>Maybe the user should not be able to select every item in your list or tree. For instance, in the gtk-demo, you can select a demo to see the source code, but it doesn't make any sense to select a demo category.</para>
<para>To control which rows can be selected, use the <literal>set_select_function()</literal> method, providing a <literal>SigC::Slot</literal> callback. For instance:
<programlisting>
m_refTreeSelection->set_select_function( SigC::slot(*this, &DemoWindow::select_function) );
</programlisting>
and then
<programlisting>
bool DemoWindow::select_function(const Glib::RefPtr<Gtk::TreeModel>& model,
const Gtk::TreeModel::Path& path, bool)
{
const Gtk::TreeModel::iterator iter = model->get_iter(path);
return iter->children().empty(); // only allow leaf nodes to be selected
}
</programlisting>
</para>
</sect2>
<sect2>
<title>Changing the selection</title>
<para>
To change the selection, specify a Gtk::TreeModel::iterator or
Gtk::TreeModel::Row, like so:
<programlisting>
Gtk::TreeModel::Row row = m_refModel->children()[5]; //The fifth row.
if(row)
refTreeSelection->select(row);
</programlisting>
or
<programlisting>
Gtk::TreeModel::iterator iter = m_refModel->children().begin()
if(iter)
refTreeSelection->select(iter);
</programlisting>
</para>
</sect2>
</sect1>
<sect1 id="sec-treeview-draganddrop">
<title>Drag and Drop</title>
<para><literal>Gtk::TreeView</literal> already implments simple drag-and-drop when used with the <literal>Gtk::ListStore</literal> or <literal>Gtk::TreeStore</literal> models. If necessary, it also allows you to implement more complex behaviour when items are dragged and dropped, using the normal <link linkend="sec-draganddrop">Drag and Drop</link> API.
</para>
<sect2>
<title>Reorderable rows</title>
<para>If you call <literal>Gtk::TreeView::set_reorderable()</literal> then your TreeView's items can be moved within the treeview itself. This is demonstrated in the <literal>TreeStore</literal> example.</para>
<para>However, this does not allow you any control of which items can be dragged, and where they can be dropped. If you need that extra control then you might create a derived <literal>Gtk::TreeModel</literal> from <literal>Gtk::TreeStore</literal> or <literal>Gtk::ListStore</literal> and override the <literal>Gtk::TreeDragSource::row_draggable()</literal> and <literal>Gdk::TreeDragDest::row_drop_possible()</literal> virtual methods. You can examine the <literal>Gtk::TreeModel::Path</literal>s provided and allow or disallow dragging or dropping by return <literal>true</literal> or <literal>false</literal>.</para>
<para>This is demonstrated in the drag_and_drop example.</para>
</sect2>
</sect1>
<sect1 id="sec-treeview-contextmenu">
<title>Popup Context Menu</title>
<para>Lots of people need to implement right-click context menus for <literal>TreeView</literal>'s so we will explain how to do that here to save you some time. Apart from one or two points, it's much the same as a normal context menu, as described in the <link linkend="sec-menus-popup">menus chapter</link>.
</para>
<sect2>
<title>Handling <literal>button_press_event</literal></title>
<para>To detect a click of the right mouse button, you need to handle the <literal>button_press_event</literal> signal, and check exactly which button was pressed. Because the <literal>TreeView</literal> normally handles this signal completely, you need to either override the default signal handler in a derived <literal>TreeView</literal> class, or use <literal>connect_nofify()</literal> insted of <literal>connect()</literal>. You probably also want to call the default handler before doing anything else, so that the right-click will cause the row to be selected first.</para>
<para>This is demonstrated in the Popup Custom Menu example.</para>
</sect2>
</sect1>
<sect1><title>Examples</title>
<sect2><title>ListStore</title>
<para>This example has a <literal>Gtk::TreeView</literal> widget, with a <literal>Gtk::ListStore</literal> model.</para>
<figure id="figure-treeview-liststore">
<title>TreeView - ListStore</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;treeview_list.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;treeview/list/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_quit();
//Tree model columns:
class ModelColumns : public Gtk::TreeModel::ColumnRecord
{
public:
ModelColumns()
{ add(m_col_id); add(m_col_name); }
Gtk::TreeModelColumn<unsigned int> m_col_id;
Gtk::TreeModelColumn<Glib::ustring> m_col_name;
};
ModelColumns m_Columns;
//Child widgets:
Gtk::VBox m_VBox;
Gtk::ScrolledWindow m_ScrolledWindow;
Gtk::TreeView m_TreeView;
Glib::RefPtr<Gtk::ListStore> m_refTreeModel;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Quit;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include <iostream>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Button_Quit("Quit")
{
set_title("Gtk::TreeView (ListStore) example");
set_border_width(5);
set_default_size(400, 200);
add(m_VBox);
//Add the TreeView, inside a ScrolledWindow, with the button underneath:
m_ScrolledWindow.add(m_TreeView);
//Only show the scrollbars when they are necessary:
m_ScrolledWindow.set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
m_VBox.pack_start(m_ScrolledWindow);
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_ButtonBox.set_border_width(5);
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_Button_Quit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit) );
//Create the Tree model:
m_refTreeModel = Gtk::ListStore::create(m_Columns);
m_TreeView.set_model(m_refTreeModel);
//Fill the TreeView's model
Gtk::TreeModel::Row row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 1;
row[m_Columns.m_col_name] = "Billy Bob";
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 2;
row[m_Columns.m_col_name] = "Joey Jojo";
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 3;
row[m_Columns.m_col_name] = "Rob McRoberts";
//Add the TreeView's view columns:
m_TreeView.append_column("ID", m_Columns.m_col_id);
m_TreeView.append_column("Name", m_Columns.m_col_name);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
<sect2><title>TreeStore</title>
<para>This example is very similar to the ListStore example, but uses a <literal>Gtk::TreeStore</literal> model instead, and adds children to the rows.</para>
<figure id="figure-treeview-treestore">
<title>TreeView - TreeStore</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;treeview_tree.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;treeview/tree/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_quit();
//Tree model columns:
class ModelColumns : public Gtk::TreeModel::ColumnRecord
{
public:
ModelColumns()
{ add(m_col_id); add(m_col_name); }
Gtk::TreeModelColumn<int> m_col_id;
Gtk::TreeModelColumn<Glib::ustring> m_col_name;
};
ModelColumns m_Columns;
//Child widgets:
Gtk::VBox m_VBox;
Gtk::ScrolledWindow m_ScrolledWindow;
Gtk::TreeView m_TreeView;
Glib::RefPtr<Gtk::TreeStore> m_refTreeModel;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Quit;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include <iostream>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Button_Quit("Quit")
{
set_title("Gtk::TreeView (TreeStore) example");
set_border_width(5);
set_default_size(400, 200);
add(m_VBox);
//Add the TreeView, inside a ScrolledWindow, with the button underneath:
m_ScrolledWindow.add(m_TreeView);
//Only show the scrollbars when they are necessary:
m_ScrolledWindow.set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
m_VBox.pack_start(m_ScrolledWindow);
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_ButtonBox.set_border_width(5);
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_Button_Quit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit) );
//Create the Tree model:
m_refTreeModel = Gtk::TreeStore::create(m_Columns);
m_TreeView.set_model(m_refTreeModel);
//All the items to be reordered with drag-and-drop:
m_TreeView.set_reorderable();
//Fill the TreeView's model
Gtk::TreeModel::Row row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 1;
row[m_Columns.m_col_name] = "Billy Bob";
Gtk::TreeModel::Row childrow = *(m_refTreeModel->append(row.children()));
childrow[m_Columns.m_col_id] = 11;
childrow[m_Columns.m_col_name] = "Billy Bob Junior";
childrow = *(m_refTreeModel->append(row.children()));
childrow[m_Columns.m_col_id] = 12;
childrow[m_Columns.m_col_name] = "Sue Bob";
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 2;
row[m_Columns.m_col_name] = "Joey Jojo";
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 3;
row[m_Columns.m_col_name] = "Rob McRoberts";
childrow = *(m_refTreeModel->append(row.children()));
childrow[m_Columns.m_col_id] = 31;
childrow[m_Columns.m_col_name] = "Xavier McRoberts";
//Add the TreeView's view columns:
m_TreeView.append_column("ID", m_Columns.m_col_id);
m_TreeView.append_column("Name", m_Columns.m_col_name);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
<sect2><title>Editable Cells</title>
<para>
This example is identical to the ListStore example, but it uses <literal>TreeView::append_column_editable()</literal> instead of <literal>TreeView::append_column()</literal>.
</para>
<figure id="figure-treeview-editablecells">
<title>TreeView - Editable Cells</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;treeview_editablecells.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;treeview/editable_cells/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_quit();
//Tree model columns:
class ModelColumns : public Gtk::TreeModel::ColumnRecord
{
public:
ModelColumns()
{ add(m_col_id); add(m_col_name); add(m_col_foo); }
Gtk::TreeModelColumn<unsigned int> m_col_id;
Gtk::TreeModelColumn<Glib::ustring> m_col_name;
Gtk::TreeModelColumn<bool> m_col_foo;
};
ModelColumns m_Columns;
//Child widgets:
Gtk::VBox m_VBox;
Gtk::ScrolledWindow m_ScrolledWindow;
Gtk::TreeView m_TreeView;
Glib::RefPtr<Gtk::ListStore> m_refTreeModel;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Quit;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include <iostream>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Button_Quit("Quit")
{
set_title("Gtk::TreeView Editable Cells example");
set_border_width(5);
set_default_size(400, 200);
add(m_VBox);
//Add the TreeView, inside a ScrolledWindow, with the button underneath:
m_ScrolledWindow.add(m_TreeView);
//Only show the scrollbars when they are necessary:
m_ScrolledWindow.set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
m_VBox.pack_start(m_ScrolledWindow);
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_ButtonBox.set_border_width(5);
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_Button_Quit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit) );
//Create the Tree model:
m_refTreeModel = Gtk::ListStore::create(m_Columns);
m_TreeView.set_model(m_refTreeModel);
//Fill the TreeView's model
Gtk::TreeModel::Row row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 1;
row[m_Columns.m_col_name] = "Billy Bob";
row[m_Columns.m_col_foo] = true;
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 2;
row[m_Columns.m_col_name] = "Joey Jojo";
row[m_Columns.m_col_foo] = true;
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 3;
row[m_Columns.m_col_name] = "Rob McRoberts";
row[m_Columns.m_col_foo] = false;
//Add the TreeView's view columns:
m_TreeView.append_column_editable("ID", m_Columns.m_col_id);
m_TreeView.append_column_editable("Name", m_Columns.m_col_name);
m_TreeView.append_column_editable("foo", m_Columns.m_col_foo);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
<sect2><title>Drag and Drop</title>
<para>
This example is much like the TreeStore example, but has 2 extra columns to indicate whether the row can be dragged, and whether it can receive drag-and-dropped rows. It uses a derived <literal>Gtk::TreeStore</literal> which overrides the virtual functions as described in the <link linkend="sec-treeview-draganddrop">TreeView Drag and Drop</link> section..
</para>
<figure id="figure-treeview-draganddrop">
<title>TreeView - Drag And Drop</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;treeview_draganddrop.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;treeview/drag_and_drop/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
#include "treemodel_dnd.h"
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_quit();
//Child widgets:
Gtk::VBox m_VBox;
Gtk::ScrolledWindow m_ScrolledWindow;
Gtk::TreeView m_TreeView;
Glib::RefPtr<TreeModel_Dnd> m_refTreeModel;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Quit;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: treemodel_dnd.h
<programlisting>
#ifndef GTKMM_EXAMPLE_TREEMODEL_DND_H
#define GTKMM_EXAMPLE_TREEMODEL_DND_H
#include <gtkmm.h>
enum typeEnum {
TEST_1, // Just to test
TEST_2, // on-the-fly gtypes
TEST_3
};
class TreeModel_Dnd : public Gtk::TreeStore
{
protected:
explicit TreeModel_Dnd(const Gtk::TreeModelColumnRecord& columns);
public:
class ModelColumns : public Gtk::TreeModel::ColumnRecord
{
public:
ModelColumns()
{ add(m_col_id); add(m_col_name); add(m_col_draggable); add(m_col_receivesdrags); add(m_col_test); }
Gtk::TreeModelColumn<int> m_col_id;
Gtk::TreeModelColumn<Glib::ustring> m_col_name;
Gtk::TreeModelColumn<bool> m_col_draggable;
Gtk::TreeModelColumn<bool> m_col_receivesdrags;
Gtk::TreeModelColumn<typeEnum> m_col_test;
};
ModelColumns m_Columns;
static Glib::RefPtr<TreeModel_Dnd> create(const Gtk::TreeModelColumnRecord& columns);
protected:
//Overridden virtual functions:
virtual bool row_draggable_vfunc(const Gtk::TreeModel::Path& path);
virtual bool row_drop_possible_vfunc(const Gtk::TreeModel::Path& dest, GtkSelectionData* selection_data);
};
#endif //GTKMM_EXAMPLE_TREEMODEL_DND_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include <iostream>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Button_Quit(Gtk::Stock::QUIT)
{
set_title("Gtk::TreeView (Drag and Drop) example");
set_border_width(5);
set_default_size(400, 200);
add(m_VBox);
//Add the TreeView, inside a ScrolledWindow, with the button underneath:
m_ScrolledWindow.add(m_TreeView);
//Only show the scrollbars when they are necessary:
m_ScrolledWindow.set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
m_VBox.pack_start(m_ScrolledWindow);
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_ButtonBox.set_border_width(5);
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_Button_Quit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit) );
//Create the Tree model:
//Use our derived model, which overrides some Gtk::TreeDragDest and Gtk::TreeDragSource virtual functions:
TreeModel_Dnd::ModelColumns m_Columns;
m_refTreeModel = TreeModel_Dnd::create(m_Columns); //The columns are declared in the overridden TreeModel.
m_TreeView.set_model(m_refTreeModel);
//Enable Drag-and-Drop of TreeView rows:
//See also the derived TreeModel's *_vfunc overrides.
m_TreeView.enable_model_drag_source();
m_TreeView.enable_model_drag_dest();
//Fill the TreeView's model
Gtk::TreeModel::Row row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 1;
row[m_Columns.m_col_name] = "Billy Bob";
row[m_Columns.m_col_draggable] = true;
row[m_Columns.m_col_receivesdrags] = true;
Gtk::TreeModel::Row childrow = *(m_refTreeModel->append(row.children()));
childrow[m_Columns.m_col_id] = 11;
childrow[m_Columns.m_col_name] = "Billy Bob Junior";
childrow[m_Columns.m_col_draggable] = true;
childrow[m_Columns.m_col_receivesdrags] = true;
childrow = *(m_refTreeModel->append(row.children()));
childrow[m_Columns.m_col_id] = 12;
childrow[m_Columns.m_col_name] = "Sue Bob";
childrow[m_Columns.m_col_draggable] = true;
childrow[m_Columns.m_col_receivesdrags] = true;
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 2;
row[m_Columns.m_col_name] = "Joey Jojo";
row[m_Columns.m_col_draggable] = true;
row[m_Columns.m_col_receivesdrags] = true;
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 3;
row[m_Columns.m_col_name] = "Rob McRoberts";
row[m_Columns.m_col_draggable] = true;
row[m_Columns.m_col_receivesdrags] = true;
childrow = *(m_refTreeModel->append(row.children()));
childrow[m_Columns.m_col_id] = 31;
childrow[m_Columns.m_col_name] = "Xavier McRoberts";
childrow[m_Columns.m_col_draggable] = true;
childrow[m_Columns.m_col_receivesdrags] = true;
//Add the TreeView's view columns:
m_TreeView.append_column("ID", m_Columns.m_col_id);
m_TreeView.append_column("Name", m_Columns.m_col_name);
m_TreeView.append_column_editable("Draggable", m_Columns.m_col_draggable);
m_TreeView.append_column_editable("Receives Drags", m_Columns.m_col_receivesdrags);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit()
{
hide();
}
</programlisting>
</para>
<para>File: treemodel_dnd.cc
<programlisting>
#include "treemodel_dnd.h"
#include <iostream>
TreeModel_Dnd::TreeModel_Dnd(const Gtk::TreeModelColumnRecord& columns)
: Gtk::TreeStore(columns)
{
}
Glib::RefPtr<TreeModel_Dnd> TreeModel_Dnd::create(const Gtk::TreeModelColumnRecord& columns)
{
return Glib::RefPtr<TreeModel_Dnd>( new TreeModel_Dnd(columns) );
}
bool TreeModel_Dnd::row_draggable_vfunc(const Gtk::TreeModel::Path& path)
{
//Make the value of the "draggable" column determine whether this row can be dragged:
const_iterator iter = get_iter(path);
if(iter)
{
Row row = *iter;
bool is_draggable = row[m_Columns.m_col_draggable];
return is_draggable;
}
return Gtk::TreeStore::row_draggable_vfunc(path);
}
bool TreeModel_Dnd::row_drop_possible_vfunc(const Gtk::TreeModel::Path& dest, GtkSelectionData* selection_data)
{
//Make the value of the "receives drags" column determine whether a row can be dragged into it:
//dest is the path of the row after which the dragged path would be dropped.
//But in this case we are more interested in the parent row:
const_iterator iter = get_iter(dest);
if(iter)
{
const_iterator iter_parent = iter->parent();
if(iter_parent)
{
Row row = *iter_parent;
bool receives_drags = row[m_Columns.m_col_receivesdrags];
return receives_drags;
}
}
//You could also examine the row being dragged (via selection_data)
//if you must look at both rows to see whether a drop should be allowed.
//TODO: Demonstrate this when the API has been corrected to use Gtk::SelectionData instead of GtkSelectionData,
//and use Gtk::TreePath::get_from_selection_data(selection_data, model, path)
return Gtk::TreeStore::row_drop_possible_vfunc(dest, selection_data);
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
<sect2><title>Popup Context Menu</title>
<para>
This example is much like the ListStore example, but derives a custom TreeView in order to override the <literal>button_press_event</literal>, and also to encapsulate the tree model code in our derived class. See the <link linkend="sec-treeview-contextmenu">TreeView Popup Context Menu</link> section.
</para>
<figure id="figure-treeview-popup">
<title>TreeView - Popup Context Menu</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;treeview_popup.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;treeview/popup/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
#include "treeview_withpopup.h"
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_quit();
//Child widgets:
Gtk::VBox m_VBox;
Gtk::ScrolledWindow m_ScrolledWindow;
TreeView_WithPopup m_TreeView;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Quit;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: treeview_withpopup.h
<programlisting>
#ifndef GTKMM_EXAMPLE_TREEVIEW_WITHPOPUP_H
#define GTKMM_EXAMPLE_TREEVIEW_WITHPOPUP_H
#include <gtkmm.h>
class TreeView_WithPopup : public Gtk::TreeView
{
public:
TreeView_WithPopup();
virtual ~TreeView_WithPopup();
protected:
// Override Signal handler:
// Alternatively, use signal_button_press_event().connect_notify()
virtual bool on_button_press_event(GdkEventButton *ev);
//Signal handler for popup menu items:
virtual void on_menu_file_popup_generic();
//Tree model columns:
class ModelColumns : public Gtk::TreeModel::ColumnRecord
{
public:
ModelColumns()
{ add(m_col_id); add(m_col_name); }
Gtk::TreeModelColumn<unsigned int> m_col_id;
Gtk::TreeModelColumn<Glib::ustring> m_col_name;
};
ModelColumns m_Columns;
//The Tree model:
Glib::RefPtr<Gtk::ListStore> m_refTreeModel;
Gtk::Menu m_Menu_Popup;
};
#endif //GTKMM_EXAMPLE_TREEVIEW_WITHPOPUP_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include <iostream>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Button_Quit("Quit")
{
set_title("Gtk::TreeView (ListStore) example");
set_border_width(5);
set_default_size(400, 200);
add(m_VBox);
//Add the TreeView, inside a ScrolledWindow, with the button underneath:
m_ScrolledWindow.add(m_TreeView);
//Only show the scrollbars when they are necessary:
m_ScrolledWindow.set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
m_VBox.pack_start(m_ScrolledWindow);
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_ButtonBox.set_border_width(5);
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_Button_Quit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit) );
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit()
{
hide();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<para>File: treeview_withpopup.cc
<programlisting>
#include "treeview_withpopup.h"
#include <iostream>
TreeView_WithPopup::TreeView_WithPopup()
{
//Create the Tree model:
m_refTreeModel = Gtk::ListStore::create(m_Columns);
set_model(m_refTreeModel);
//Fill the TreeView's model
Gtk::TreeModel::Row row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 1;
row[m_Columns.m_col_name] = "right-click on this";
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 2;
row[m_Columns.m_col_name] = "or this";
row = *(m_refTreeModel->append());
row[m_Columns.m_col_id] = 3;
row[m_Columns.m_col_name] = "or this, for a popup context menu";
//Add the TreeView's view columns:
append_column("ID", m_Columns.m_col_id);
append_column("Name", m_Columns.m_col_name);
//Fill popup menu:
{
Gtk::Menu::MenuList& menulist = m_Menu_Popup.items();
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Edit",
SigC::slot(*this, &TreeView_WithPopup::on_menu_file_popup_generic) ) );
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Process",
SigC::slot(*this, &TreeView_WithPopup::on_menu_file_popup_generic) ) );
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Remove",
SigC::slot(*this, &TreeView_WithPopup::on_menu_file_popup_generic) ) );
}
m_Menu_Popup.accelerate(*this);
}
TreeView_WithPopup::~TreeView_WithPopup()
{
}
bool TreeView_WithPopup::on_button_press_event(GdkEventButton* event)
{
//Call base class, to allow normal handling,
//such as allowing the row to be selected by the right-click:
bool return_value = TreeView::on_button_press_event(event);
//Then do our custom stuff:
if( (event->type == GDK_BUTTON_PRESS) && (event->button == 3) )
{
m_Menu_Popup.popup(event->button, event->time);
}
return return_value;
}
void TreeView_WithPopup::on_menu_file_popup_generic()
{
std::cout << "A popup menu item was selected." << std::endl;
Glib::RefPtr<Gtk::TreeView::Selection> refSelection = get_selection();
if(refSelection)
{
Gtk::TreeModel::iterator iter = refSelection->get_selected();
if(iter)
{
int id = (*iter)[m_Columns.m_col_id];
std::cout << " Selected ID=" << id << std::endl;
}
}
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
</chapter>
<chapter id="sec-chapter-textview">
<title>TextView</title>
<para>The <literal>TextView</literal> widget can be used to display and edit large amounts of formatted text. Like the <literal>TreeView</literal>, it has a model/view design. In this case the <literal>TextBuffer</literal> is the model.</para>
<sect1>
<title>The Buffer</title>
<para><literal>Gtk::TextBuffer</literal> is a model containing the data for the <literal>Gtk::TextView</literal>, like the <literal>Gtk::TreeModel</literal> used by <literal>Gtk::TreeView</literal>. This allows two or more <literal>Gtk::TextView</literal>s to share the same <literal>TextBuffer</literal>, and allows those TextBuffers to be displayed slightly differently. Or you could maintain several <literal>Gtk::TextBuffer</literal>s and choose to display each one at different times in the same <literal>Gtk::TextView</literal> widget.
</para>
<para>The <literal>TextView</literal> creates its own default <literal>TextBuffer</literal>, which you can access via the <literal>get_buffer()</literal> method.
</para>
<para><ulink url="&url_refdocs_base_gtk;TextBuffer.html">Reference</ulink></para>
<sect2>
<title>Iterators</title>
<para>
</para>
</sect2>
<sect2>
<title>Tags and Formatting</title>
<sect3>
<title>Tags</title>
<para>
To specify that some text in the buffer should have specific formatting, you must define a tag to hold that formatting information, and then apply that tag to the region of text. For instance, to define the tag and its properties:
<programlisting>
Glib::RefPtr<Gtk::TextBuffer::Tag> refTagMatch = Gtk::TextBuffer::Tag::create();
refTagMatch->property_background() = "orange";
</programlisting>
You can specify a name for the <literal>Tag</literal> when using the <literal>create()</literal> method, but it is not necessary.
</para>
<para>
The <literal>Tag</literal> class has many other properties.
</para>
<para><ulink url="&url_refdocs_base_gtk;TextTag.html">Reference</ulink></para>
</sect3>
<sect3>
<title>TagTable</title>
<para>Each <literal>Gtk::TextBuffer</literal> uses a <literal>Gtk::TextBuffer::TagTable</literal>, which contains the <literal>Tag</literal>s for that buffer. 2 or more <literal>TextBuffer</literal> may share the same <literal>TagTable</literal>. When you create <literal>Tags</literal> you should add them to the <literal>TagTable</literal>. For instance:
<programlisting>
Glib::RefPtr<Gtk::TextBuffer::TagTable> refTagTable = Gtk::TextBuffer::TagTable::create();
refTagTable->add(refTagMatch);
Glib::RefPtr<Gtk::TextBuffer> refBuffer = Gtk::TextBuffer::create(refTagTable); //Hopefully a future version of gtkmm will have a set_tag_table() method, for use after creation of the buffer.
</programlisting>
</para>
<para>You can also use <literal>get_tag_table</literal> to get, and maybe modify, the <literal>TextBuffer</literal>'s default <literal>TagTable</literal> instead of creating one explicitly.</para>
<para><ulink url="&url_refdocs_base_gtk;TextTagTable.html">Reference</ulink></para>
</sect3>
<sect3>
<title>Applying Tags</title>
<para>If you have created a <literal>Tag</literal> and added it to the <literal>TagTable</literal>, you may apply that tag to part of the <literal>TextBuffer</literal> so that some of the text is displayed with that formatting. You define the start and end of the range of text by specifying <literal>Gtk::TextBuffer::iterator</literal>s. For instance:
<programlisting>
refBuffer->apply_tag(refTagMatch, iterRangeStart, iterRangeStop);
</programlisting>
Or you could specify the tag when first inserting the text:
refBuffer->insert_with_tag(iter, "Some text", refTagMatch);
</para>
<para>You can apply more than one <literal>Tag</literal> to the same text, by using <literal>apply_tag()</literal> more than once, or by using <literal>insert_with_tags()</literal>. The <literal>Tags</literal> might specify different values for the same properties, but you can resolve these conflicts by using <literal>Tag::set_priority()</literal>.
</para>
</sect3>
</sect2>
<sect2>
<title>Marks</title>
<para>
<literal>TextBuffer</literal> <literal>iterators</literal> are generally invalidated when the text changes, but you can use a <literal>Gtk::TextBuffer::Mark</literal> to remember a position in these situations. For instance,
<programlisting>
Glib::RefPtr<Gtk::TextBuffer::Mark> refMark = refBuffer->create_mark(iter);
</programlisting>
</para>
<para>You can then use the <literal>get_iter()</literal> method later to create an iterator for the <literal>Mark</literal>'s new position.</para>
<para>There are two built-in <literal>Mark</literal>s - <literal>insert</literal> and <literal>select_bound</literal>, which you can access with <literal>TextBuffer</literal>'s <literal>get_insert()</literal> and <literal>get_selection_bound()</literal> methods.
</para>
<para><ulink url="&url_refdocs_base_gtk;TextMark.html">Reference</ulink></para>
</sect2>
<sect2>
<title>The View</title>
<para>
As mentioned above, each <literal>TextView</literal> has a <literal>TextBuffer</literal>, and one or more <literal>TextView</literal> can share the same <literal>TextBuffer</literal>.
</para>
<para>Like the <literal>TreeView</literal>, you should probably put your <literal>TextView</literal> inside a <literal>ScrolledWindow</literal> to allow the user to see and move around the whole text area with scrollbars.</para>
<para><ulink url="&url_refdocs_base_gtk;TextView.html">Reference</ulink></para>
<sect3>
<title>Default formatting</title>
<para>
<literal>TextView</literal> has various methods which allow you to change the presentation of the buffer for this particular view. Some of these may be overridden by the <literal>Gtk::TextTag</literal>s in the buffer, if they specify the same things. For instance, set_left_margin(), set_right_margin(), set_indent(), etc.
</para>
</sect3>
<sect3>
<title>Scrolling</title>
<para>
<literal>Gtk::TextView</literal> has various scroll_to_*() methods. These allow you to ensure that a particular part of the text buffer is visible. For instance, your application's Find feature might use <literal>Gtk::TextView::scroll_to_iter()</literal> to show the found text.
</para>
</sect3>
</sect2>
</sect1>
<sect1>
<title>Widgets and ChildAnchors</title>
<para>
You can embed widgets, such as <literal>Gtk::Button</literal>s, in the text. Each such child widget needs a <literal>ChildAnchor</literal>. ChildAnchors are associated with <literal>iterators</literal>. For instance, to create a child anchor at a particular position, use <literal>Gtk::TextBuffer::create_child_anchor()</literal>:
<programlisting>
Glib::RefPtr<Gtk::TextChildAnchor> refAnchor = refBuffer->create_child_anchor(iter);
</programlisting>
</para>
<para>
Then, to add a widget at that position, use <literal>Gtk::TextView::add_child_at_anchor</literal>:
<programlisting>
m_TextView.add_child_at_anchor(m_Button, refAnchor);
</programlisting>
</para>
<para><ulink url="&url_refdocs_base_gtk;TextChildAnchor.html">Reference</ulink></para>
</sect1>
<sect1><title>Examples</title>
<sect2><title>Simple Example</title>
<figure id="figure-textview">
<title>TextView</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;textview.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;textview/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
virtual void fill_buffers();
//Signal handlers:
virtual void on_button_quit();
virtual void on_button_buffer1();
virtual void on_button_buffer2();
//Child widgets:
Gtk::VBox m_VBox;
Gtk::ScrolledWindow m_ScrolledWindow;
Gtk::TextView m_TextView;
Glib::RefPtr<Gtk::TextBuffer> m_refTextBuffer1, m_refTextBuffer2;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Quit, m_Button_Buffer1, m_Button_Buffer2;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Button_Quit(Gtk::Stock::QUIT),
m_Button_Buffer1("Use buffer 1"),
m_Button_Buffer2("Use buffer 2")
{
set_title("Gtk::TextView example");
set_border_width(5);
set_default_size(400, 200);
add(m_VBox);
//Add the TreeView, inside a ScrolledWindow, with the button underneath:
m_ScrolledWindow.add(m_TextView);
//Only show the scrollbars when they are necessary:
m_ScrolledWindow.set_policy(Gtk::POLICY_AUTOMATIC, Gtk::POLICY_AUTOMATIC);
m_VBox.pack_start(m_ScrolledWindow);
//Add buttons:
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Buffer1, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Buffer2, Gtk::PACK_SHRINK);
m_ButtonBox.pack_start(m_Button_Quit, Gtk::PACK_SHRINK);
m_ButtonBox.set_border_width(5);
m_ButtonBox.set_spacing(5);
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
//Connect signals:
m_Button_Quit.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_quit) );
m_Button_Buffer1.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_buffer1) );
m_Button_Buffer2.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_buffer2) );
fill_buffers();
on_button_buffer1();
show_all_children();
}
void ExampleWindow::fill_buffers()
{
//Create the first TextBuffer:
m_refTextBuffer1 = Gtk::TextBuffer::create();
m_refTextBuffer1->set_text("This is the text from TextBuffer #1.");
//Create a TagTable:
Glib::RefPtr<Gtk::TextBuffer::TagTable> refTagTable = m_refTextBuffer1->get_tag_table();
//Apply color to some text.
//Create the tags:
Glib::RefPtr<Gtk::TextBuffer::Tag> refTagOrange = Gtk::TextBuffer::Tag::create("example-orange"); //We give it an arbitrary name.
refTagOrange->property_background() = "orange";
refTagTable->add(refTagOrange);
Glib::RefPtr<Gtk::TextBuffer::Tag> refTagBold = Gtk::TextBuffer::Tag::create("example-bold"); //We give it an arbitrary name.
refTagBold->property_weight() = Pango::WEIGHT_BOLD;
refTagTable->add(refTagBold);
//Use a tag:
m_refTextBuffer1->apply_tag(refTagOrange, m_refTextBuffer1->begin(), m_refTextBuffer1->get_iter_at_offset(4));
//Fill the second buffer, using the tags as we add the text:
m_refTextBuffer2 = Gtk::TextBuffer::create(refTagTable); //share the TagTable. A future gtkmm will have a set_tag_table() method.
m_refTextBuffer2->set_text("This is some alternative text, from TextBuffer #2.");
m_refTextBuffer2->insert_with_tag(m_refTextBuffer2->end(), "\nAnd here is some more", refTagOrange);
m_refTextBuffer2->insert_with_tag(m_refTextBuffer2->end(), "\nAnd some more.", refTagBold);
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_quit()
{
hide();
}
void ExampleWindow::on_button_buffer1()
{
m_TextView.set_buffer(m_refTextBuffer1);
}
void ExampleWindow::on_button_buffer2()
{
m_TextView.set_buffer(m_refTextBuffer2);
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
</chapter>
<chapter id="sec-MenusAndToolbars">
<title>Menus and Toolbars</title>
<sect1>
<title>Menus</title>
<sect2><title>The MenuBar</title>
<para>
<literal>Gtk::MenuBar</literal> is a container that holds child <literal>Gtk::Menu</literal>s.
</para>
<para>
Actually, it contains child <literal>Gtk::MenuItem</literal>, which contain <literal>Gtk::Menu</literal>s in turn, but that uninteresting detail is hidden when using the STL-style interface. You may choose to use the non-STL-interface, using methods such as <literal>Gtk::MenuShell::append())</literal>, but that would be much more tedious.
</para>
<figure id="figure-menus-menubar">
<title>MenuBar</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;menus_menubar.png"/>
</screenshot>
</figure>
<para>
The child items of both <literal>MenuBar</literal>s and <literal>Menu</literal>s can be accessed via the <literal>items()</literal> method, defined in their common base class, <literal>Gtk::MenuShell</literal>. Use the <literal>Gtk::Menu_Helpers::MenuElem</literal> helper class to add menus to the menu bar. For instance,
<programlisting>
Gtk::MenuBar m_MenuBar;
Gtk::Menu m_Menu_File, m_Menu_Edit;
...
m_MenuBar.items().push_back( Gtk::Menu_Helpers::MenuElem("_File", m_Menu_File) );
m_MenuBar.items().push_back( Gtk::Menu_Helpers::MenuElem("_Edit", m_Menu_Edit) );
</programlisting>
</para>
<para>
You can add stock menus by using the <literal>StockElem</literal> helper, like so:
<programlisting>
m_MenuBar.items().push_back( Gtk::Menu_Helpers::StockMenuElem(Gtk::Stock::HELP, m_Menu_Help) )
</programlisting>
</para>
<para><ulink url="&url_refdocs_base_gtk;MenuBar.html">Reference</ulink></para>
</sect2>
<sect2><title>Menus and Menu Items</title>
<para>
<literal>Gtk::Menu</literal> contain child <literal>Gtk::MenuItem</literal>s. MenuItems can, in turn, contain child Menus, to create sub menus.
</para>
<figure id="figure-menus-menu">
<title>Menu</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;menus_menu.png"/>
</screenshot>
</figure>
<para>
As when adding menus to the menu bar, use the STL-style interface and the <literal>Gtk::Menu_Helpers</literal> to add the menu items. You may specify the signal handler to be called when the user chooses the menu item. For instance:
<programlisting>
Gtk::Menu::MenuList& menulist = m_Menu_Edit.items();
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Copy",
SigC::slot(*this, &ExampleWindow::on_menu_others) ) );
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Paste",
SigC::slot(*this, &ExampleWindow::on_menu_others) ) );
</programlisting>
</para>
<para>You may also specify stock items (StockMenuElem), radio button items (RadioMenuElem), check button items (CheckMenuElem) or separators (SeparatorMenuElem). Stock menu items will use standard text, with translations in many languages, standard icons, and standard keyboard accelerators and shortcuts.</para>
<para><ulink url="&url_refdocs_base_gtk;Menu.html">Menu reference</ulink></para>
<para><ulink url="&url_refdocs_base_gtk_namespace;Menu__Helpers.html">Menu_Helpers reference</ulink></para>
</sect2>
<sect2 id="sec-menus-popup"><title>Popup Menus</title>
<para>
Menus are normally just added to a window, but they can also be displayed temporarily as the result of a mouse button click. For instance, a context menu might be diplayed when the user clicks their right mouse button. You can use <literal>Gtk::Menu</literal>'s <literal>popup()</literal> method, but you need to provide a button identifier and the time of activation. This information is provided by the <literal>button_press_event</literal> signal, which you will need to handle anyway. For instance:
<programlisting>
bool ExampleWindow::on_button_press_event(GdkEventButton* event)
{
if( (event->type == GDK_BUTTON_PRESS) && (event->button == 3) )
{
m_Menu_Popup.popup(event->button, event->time);
return true; //It has been handled.
}
else
return false;
}
</programlisting>
</para>
</sect2>
<sect2><title>Examples</title>
<sect3><title>Main Menu example</title>
<figure id="figure-menus-mainmenu">
<title>Main Menu</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;main_menu.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;menus/main_menu/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm/window.h>
#include <gtkmm/box.h>
#include <gtkmm/menubar.h>
#include <gtkmm/menu.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_menu_file_new_generic();
virtual void on_menu_file_quit();
virtual void on_menu_others();
//Child widgets:
Gtk::VBox m_Box;
Gtk::MenuBar m_MenuBar;
Gtk::Menu m_Menu_File, m_Menu_Edit;
Gtk::Menu m_Menu_File_New; //submenu.
Gtk::Menu m_Menu_Help;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <gtkmm/stock.h>
#include <iostream>
ExampleWindow::ExampleWindow()
{
set_title("main_menu example");
set_default_size(200, 200);
add(m_Box); //We can put a MenuBar at the top of the box and other stuff below it.
//Fill menus:
//File|New sub menu:
{
Gtk::Menu::MenuList& menulist = m_Menu_File_New.items();
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_New Foo", Gtk::Menu::AccelKey("<control>n"),
SigC::slot(*this, &ExampleWindow::on_menu_file_new_generic) ) );
menulist.push_back( Gtk::Menu_Helpers::MenuElem("New _Goo",
SigC::slot(*this, &ExampleWindow::on_menu_file_new_generic) ) );
}
//File menu:
{
Gtk::Menu::MenuList& menulist = m_Menu_File.items();
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_New", m_Menu_File_New) ); //Add sub menu.
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Quit", Gtk::Menu::AccelKey("<control>q"),
SigC::slot(*this, &ExampleWindow::on_menu_file_quit) ) );
}
//Edit menu:
{
Gtk::Menu::MenuList& menulist = m_Menu_Edit.items();
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Copy",
SigC::slot(*this, &ExampleWindow::on_menu_others) ) );
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Paste",
SigC::slot(*this, &ExampleWindow::on_menu_others) ) );
menulist.push_back( Gtk::Menu_Helpers::CheckMenuElem("Something",
SigC::slot(*this, &ExampleWindow::on_menu_others) ) );
}
//Help menu: (exercise stock items)
{
Gtk::Menu::MenuList& menulist = m_Menu_Help.items();
menulist.push_back( Gtk::Menu_Helpers::StockMenuElem(Gtk::Stock::CDROM,
SigC::slot(*this, &ExampleWindow::on_menu_others) ) );
}
//Add the menus to the MenuBar:
m_MenuBar.items().push_back( Gtk::Menu_Helpers::MenuElem("_File", m_Menu_File) );
m_MenuBar.items().push_back( Gtk::Menu_Helpers::MenuElem("_Edit", m_Menu_Edit) );
m_MenuBar.items().push_back( Gtk::Menu_Helpers::StockMenuElem(Gtk::Stock::HELP, m_Menu_Help) );
//Add the MenuBar to the window:
m_Box.pack_start(m_MenuBar, Gtk::PACK_SHRINK);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_menu_file_quit()
{
hide(); //Closes the main window to stop the Gtk::Main::run().
}
void ExampleWindow::on_menu_file_new_generic()
{
std::cout << "A File|New menu item was selected." << std::endl;
}
void ExampleWindow::on_menu_others()
{
std::cout << "A menu item was selected." << std::endl;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
<sect3><title>Popup Menu example</title>
<figure id="figure-menus-popup">
<title>Popup Menu</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;menu_popup.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;menus/popup/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual bool on_button_press_event(GdkEventButton* event);
virtual void on_menu_file_popup_generic();
//Child widgets:
Gtk::VBox m_Box;
Gtk::EventBox m_EventBox;
Gtk::Label m_Label;
Gtk::Menu m_Menu_Popup;
Gtk::Image m_Image;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <gtkmm/stock.h>
#include <iostream>
ExampleWindow::ExampleWindow()
: m_Label("Right-click to see the popup menu."),
m_Image(Gtk::Stock::DIALOG_QUESTION, Gtk::ICON_SIZE_MENU)
{
set_title("popup example");
set_default_size(200, 200);
add(m_Box);
//Add an event box that can catch button_press events:
m_Box.pack_start(m_EventBox);
m_EventBox.signal_button_press_event().connect( SigC::slot(*this, &ExampleWindow::on_button_press_event) );
m_EventBox.add(m_Label);
//Fill menu:
{
Gtk::Menu::MenuList& menulist = m_Menu_Popup.items();
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Edit",
SigC::slot(*this, &ExampleWindow::on_menu_file_popup_generic) ) );
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Process", Gtk::Menu::AccelKey("<control>p"),
SigC::slot(*this, &ExampleWindow::on_menu_file_popup_generic) ) );
menulist.push_back( Gtk::Menu_Helpers::MenuElem("_Remove",
SigC::slot(*this, &ExampleWindow::on_menu_file_popup_generic) ) );
//Add a ImageMenuElem:
menulist.push_back( Gtk::Menu_Helpers::ImageMenuElem("_Something", m_Image,
SigC::slot(*this, &ExampleWindow::on_menu_file_popup_generic) ) ) ;
}
m_Menu_Popup.accelerate(*this);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_menu_file_popup_generic()
{
std::cout << "A popup menu item was selected." << std::endl;
}
bool ExampleWindow::on_button_press_event(GdkEventButton* event)
{
if( (event->type == GDK_BUTTON_PRESS) && (event->button == 3) )
{
m_Menu_Popup.popup(event->button, event->time);
return true; //It has been handled.
}
else
return false;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect3>
</sect2>
</sect1>
<sect1 id="sec-Toolbars">
<title>Toolbars </title>
<para>
Applications often use <literal>Toolbar</literal>s to provide shortcuts to commonly-used menu items, such as File|Open or File|Save. They contain
a row of buttons, usually with an icon. Each toolbar item can have an icon, a label, and a tooltip. You will often be able to reuse standard gtkmm stock items such as <literal>Gtk::Stock::SAVE</literal>.
</para>
<para>
Elements are inserted by using classes from the <literal>Gtk::Toolbar_Helpers</literal> namespace.
The various helper objects are:
<itemizedlist>
<listitem>
<para>
<literal>Element</literal> - used for inserting arbitrary widgets
</para>
</listitem>
<listitem>
<para>
<literal>Space</literal> - a blank spot, used to separate groups of elements
</para>
</listitem>
<listitem>
<para>
<literal>ButtonElem</literal> - a regular button element
</para>
</listitem>
<listitem>
<para>
<literal>ToggleElem</literal> - a toggle-button element
</para>
</listitem>
<listitem>
<para>
<literal>RadioElem</literal> - a radio-button element
</para>
</listitem>
</itemizedlist>
</para>
<para>
Here's the constructor for <literal>Element</literal>:
</para>
<para>
<programlisting>
Element(Widget& w,
const Glib::ustring& tooltip_text=0,
const Glib::ustring& tooltip_private_text=0);
</programlisting>
</para>
<para>
<literal>w</literal> is the widget to insert, and <literal>tooltip_text</literal> is the text for the
element's tooltip. You can ignore <literal>tooltip_private_text</literal>.
</para>
<para>
The constructors for <literal>ButtonElem</literal> and <literal>ToggleElem</literal> are exactly
alike; each has three forms. Here are the <literal>ButtonElem</literal>
constructors:
</para>
<para>
<programlisting>
// text + icon
ButtonElem(const Glib::ustring& text,
Widget & content,
SigC::Slot0<void> callback,
const Glib::ustring& tooltip_text=0,
const Glib::ustring& tooltip_private_text=0);
// icon only
ButtonElem(Widget & content,
SigC::Slot0<void> callback,
const Glib::ustring& tooltip_text=0,
const Glib::ustring& tooltip_private_text=0);
// text only
ButtonElem(const Glib::ustring& text,
SigC::Slot0<void> callback,
const Glib::ustring& tooltip_text=0,
const Glib::ustring& tooltip_private_text=0);
</programlisting>
</para>
<para>
The only difference between these is whether they take an icon, text,
or both as arguments. <literal>text</literal> is the text to display below the
icon. <literal>content</literal> is the icon; note that any widget can be inserted
here, but generally this will be a pixmap or other display widget.
<literal>callback</literal> is the signal handler to use for the button.
<literal>tooltip_text</literal> will be displayed in the button's tooltip, and you
can safely ignore <literal>tooltip_private_text</literal>.
</para>
<para>
The <literal>RadioElem</literal> constructors are the same as those for
<literal>ButtonElem</literal> and <literal>RadioElem</literal>, but they take an additional
argument specifying the group for the radio button. Here they are:
</para>
<para>
<programlisting>
// text + icon
RadioElem(Gtk::RadioButton_Helpers::Group& group,
const Glib::ustring& text,
Widget& content,
SigC::Slot0<void> callback=0,
const Glib::ustring& tooltip_text=0,
const Glib::ustring& tooltip_private_text=0);
// icon only
RadioElem(Gtk::RadioButton_Helpers::Group& group,
Widget& content,
SigC::Slot0<void> callback=0,
const Glib::ustring& tooltip_text=0,
const Glib::ustring& tooltip_private_text=0);
// text only
RadioElem(Gtk::RadioButton_Helpers::Group& group,
const Glib::ustring& text,
SigC::Slot0<void> callback=0,
const Glib::ustring& tooltip_text=0,
const Glib::ustring& tooltip_private_text=0);
</programlisting>
</para>
<para>
The <literal>group</literal> argument is the only addition here; it works exactly
like the <literal>group</literal> argument for normal radio buttons. See the
<link linkend="sec-Radio-Buttons">Radio Buttons</link> section for details.
</para>
<para>
The toolbar's contents are manipulated through an STL-like list, which
you can obtain using the <literal>tools()</literal> method:
</para>
<para>
<programlisting>
ToolList& tools();
</programlisting>
</para>
<para>
For example, to add a text-only button tool to the toolbar, we could write
<programlisting>
toolbar.tools().push_back(Gtk::Toolbar_Helpers::ButtonElem(
"Crash",slot(&crash_cb),"Causes the program to dump core");
</programlisting>
</para>
<para>
Since it's inconvenient to type <literal>Gtk::Toolbar_Helpers</literal> all
the time, you might want to add a <literal>using</literal> declaration. However,
don't add a global <literal>using namespace Gtk::Toolbar_Helpers</literal>
declaration; place this only in some localised scope, to avoid clashes
with other <literal>Helpers</literal> namespaces.
</para>
<sect2><title>Example</title>
<figure id="figure-toolbar">
<title>Toolbar</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;toolbar.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;toolbar/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_close();
virtual void on_toolbar_item();
//Child widgets:
Gtk::VBox m_VBox;
Gtk::HButtonBox m_ButtonBox;
Gtk::Toolbar m_Toolbar;
Gtk::Button m_Button_Close;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
ExampleWindow::ExampleWindow()
: m_Button_Close("Close")
{
set_title("Gtk::Toolbar example");
add(m_VBox);
//Put a toolbar at the top, and a button underneath:
m_VBox.pack_start(m_Toolbar, Gtk::PACK_SHRINK);
m_ButtonBox.set_border_width(5);
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_VBox.pack_end(m_ButtonBox);
m_ButtonBox.pack_start(m_Button_Close, Gtk::PACK_SHRINK);
m_Button_Close.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_close) );
//Add the toolbar items:
{
using namespace Gtk::Toolbar_Helpers;
m_Toolbar.tools().push_back( ButtonElem("Click me", SigC::slot(*this, &ExampleWindow::on_toolbar_item), "Toolbar item") );
m_Toolbar.tools().push_back( Space() );
m_Toolbar.tools().push_back( StockElem(Gtk::Stock::SAVE, SigC::slot(*this, &ExampleWindow::on_toolbar_item)) );
m_Toolbar.tools().push_back( ToggleElem("Toggle me", SigC::slot(*this, &ExampleWindow::on_toolbar_item), "toggle duh") );
Gtk::RadioButton::Group group;
m_Toolbar.tools().push_back( RadioElem(group, "Radio 1") );
m_Toolbar.tools().push_back( RadioElem(group, "Radio 2") );
m_Toolbar.tools().push_back( RadioElem(group, "Radio 3") );
}
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_close()
{
hide();
}
void ExampleWindow::on_toolbar_item()
{
std::cout << "Toolbar item clicked." << std::endl;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
</chapter>
<chapter id="sec-Adjustment">
<title>Adjustments </title>
<para>
gtkmm has various widgets that can be visually adjusted using the mouse or the keyboard, such as the Range widgets (described
in the <link linkend="sec-Range-Widgets">Range Widgets</link> section).
There are also a few widgets that display some adjustable
part of a larger area, such as the
Viewport widget. These widgets have <literal>Gtk::Adjustment</literal> objects that express this common part of their API.
</para>
<para>
So that applications can react to changes, for instance when a user moves a scrollbar, <literal>Gtk::Adjustment</literal> has a
<literal>changed</literal> signal. You can then use the <literal>get_changed()</literal> method to discover the new value.
</para>
<sect1>
<title>Creating an Adjustment</title>
<para>
The <literal>Gtk::Adjustment</literal> constructor is as follows:
</para>
<para>
<programlisting>
Gtk::Adjustment(float value,
float lower,
float upper,
float step_increment = 1,
float page_increment = 10,
float page_size = 0);
</programlisting>
</para>
<para>
The <literal>value</literal> argument is the initial value of the adjustment, usually corresponding to the topmost or leftmost position
of an adjustable widget. The <literal>lower</literal> and <literal>upper</literal> arguments specifies the possible range of values which the adjustment can hold. The <literal>step_increment</literal> argument
specifies the smaller of the two increments by which the user can
change the value, while the <literal>page_increment</literal> is the larger one.
The <literal>page_size</literal> argument usually corresponds somehow to the visible
area of a panning widget. The <literal>upper</literal> argument is used to represent
the bottom most or right most coordinate in a panning widget's
child.
TODO: Investigate the upper argument properly. There was some unclear stuff about it not always being the upper value.
</para>
</sect1>
<sect1>
<title>Using Adjustments the Easy Way</title>
<para>
The adjustable widgets can be roughly divided into those which use and
require specific units for these values, and those which treat them as
arbitrary numbers.
</para>
<para>
The group which treats the values as arbitrary numbers includes the Range widgets (Scrollbars and Scales, the
Progressbar widget, and the SpinButton widget). These widgets are typically "adjusted" directly by the user
with the mouse or keyboard. They will treat the <literal>lower</literal> and
<literal>upper</literal> values of an adjustment as a range within which the user
can manipulate the adjustment's <literal>value</literal>. By default, they will only
modify the <literal>value</literal> of an adjustment.
</para>
<para>
The other group includes the <literal>Viewport</literal> widget and the <literal>ScrolledWindow</literal> widget. All of these
widgets use pixel values for their adjustments. These are also typically adjusted indirectly using scrollbars.
While all widgets which use adjustments can either create their own
adjustments or use ones you supply, you'll generally want to let this
particular category of widgets create its own adjustments.
</para>
<para>
TODO: Text widget is deprecated: Look at GTK+ tutorial for up-to-date example.
If you share an adjustment object between a Scrollbar and a Text
widget, manipulating the scrollbar will automagically adjust the Text
widget. You can set it up like this:
<programlisting>
// creates its own adjustments
Gtk::Text text(0, 0);
// uses the newly-created adjustment for the scrollbar as well
Gtk::VScrollbar vscrollbar (*(text.get_vadjustment()));
</programlisting>
</para>
</sect1>
<sect1>
<title>Adjustment Internals</title>
<para>
OK, you say, that's nice, but what if I want to create my own handlers
to respond when the user adjusts a Range widget or a SpinButton.
To access the value of a <literal>Gtk::Adjustment</literal>, you can use the
<literal>get_value()</literal> and <literal>set_value()</literal> methods:
</para>
<para>
As mentioned earlier, <literal>Gtk::Adjustment</literal> can emit signals.
This is, of course, how updates happen automagically when you share an
Adjustment object between a Scrollbar and another adjustable widget;
all adjustable widgets connect signal handlers to their adjustment's
<literal>value_changed</literal> signal, as can your program.
</para>
<para>
So, for example, if you have a Scale
widget, and you want to change the rotation of a picture whenever its
value changes, you would create a signal handler like this:
<programlisting>
void cb_rotate_picture (Gtk::Widget *picture)
{
picture->set_rotation (adj->value);
...
</programlisting>
and connect it to the scale widget's adjustment like this:
<programlisting>
adj.value_changed.connect(bind<Widget*>(slot(&cb_rotate_picture), picture));
</programlisting>
</para>
<para>
What if a widget reconfigures the <literal>upper</literal> or <literal>lower</literal>
fields of its Adjustment, such as when a user adds more text to a text
widget? In this case, it emits the <literal>changed</literal> signal.
</para>
<para>
Range widgets typically connect a handler to this signal, which
changes their appearance to reflect the change - for example, the size
of the slider in a scrollbar will grow or shrink in inverse proportion
to the difference between the <literal>lower</literal> and <literal>upper</literal> values of its
adjustment.
</para>
<para>
You probably won't ever need to attach a handler to this signal,
unless you're writing a new type of range widget.
<programlisting>
adjustment->changed();
</programlisting>
</para>
</sect1>
</chapter>
<chapter>
<title>Widgets Without X-Windows</title>
<para>
Some Widgets do not have an associated X-Window, so they
therefore do not receive X events. This means that the signals described in the <link linkend="sec-xeventsignals">X event signals</link> section will not be emitted. If you want to capture events for these widgets you can use a special container called
<literal>Gtk::EventBox</literal>, which is described in the <link linkend="sec-EventBox">EventBox</link> section.
</para>
<para>
Here is a list of some of these Widgets:
<programlisting>
Gtk::Alignment
Gtk::Arrow
Gtk::Bin
Gtk::Box
Gtk::Image
Gtk::Item
Gtk::Label
Gtk::Pixmap
Gtk::ScrolledWindow
Gtk::Separator
Gtk::Table
Gtk::AspectFrame
Gtk::Frame
Gtk::VBox
Gtk::HBox
Gtk::VSeparator
Gtk::HSeparator
</programlisting>
</para>
<para>
These widgets are mainly used for decoration or layout, so you won't often need
to capture events on them. They are intended to have no X-Window in order to improve performance.
</para>
<sect1 id="sec-EventBox">
<title>EventBox</title>
<para>
TODO: Why don't they have X Windows - explain clipping.
Some gtkmm widgets don't have associated X windows; they draw on
their parents' windows. Because of this, they cannot receive events.
Also, if they are incorrectly sized, they don't clip, so you can get
messy overwriting etc. If you require more from these widgets, the
EventBox is for you. Although the name EventBox emphasises the
event-handling method, the widget can also be used for clipping
(and more; see the example below).
</para>
<para>
The constructor for <literal>Gtk::EventBox</literal> is:
</para>
<para>
<programlisting>
Gtk::EventBox();
</programlisting>
</para>
<para>
A child widget can be added to the EventBox using:
</para>
<para>
<programlisting>
event_box.add(child_widget);
</programlisting>
</para>
<para><ulink url="&url_refdocs_base_gtk;EventBox.html">Reference</ulink></para>
<sect2>
<title>Example</title>
<para>
The following example demonstrates both uses of an <literal>EventBox</literal> - a label
is created that is clipped to a small box, and set up so that a
mouse-click on the label causes the program to exit. Resizing the
window reveals varying amounts of the label.
</para>
<figure id="figure-eventbox">
<title>EventBox</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;eventbox.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;eventbox">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual bool on_eventbox_button_press(GdkEventButton* event);
//Child widgets:
Gtk::EventBox m_EventBox;
Gtk::Label m_Label;
Gtk::Tooltips m_Tooltips;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Label("Click here to quit, quit, quit, quit, quit")
{
set_title ("EventBox");
set_border_width(10);
add(m_EventBox);
m_EventBox.add(m_Label);
//Clip the label short:
m_Label.set_size_request(110, 20);
//And bind an action to it:
m_EventBox.set_events(Gdk::BUTTON_PRESS_MASK);
m_EventBox.signal_button_press_event().connect(
SigC::slot(*this, &ExampleWindow::on_eventbox_button_press) );
m_Tooltips.set_tip(m_EventBox, "Click me!");
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
bool ExampleWindow::on_eventbox_button_press(GdkEventButton*)
{
hide();
return true;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
</chapter>
<chapter id="sec-Dialogs">
<title>Dialogs</title>
<para>
Dialogs are used as secondary windows, to provide specific information or to ask questions. <literal>Gtk::Dialog</literal> windows contain a few pre-packed widgets to ensure consistency, and a <literal>run()</literal> method which blocks until the user dismisses the dialog.</para>
<para>
There are several derived dialog classes which you might find useful. For instance, you will probably use <literal>Gtk::MessageDialog</literal> for most simple notifications. But at other times you might need to derive your own dialog class to provide more complex functionality.
</para>
<para>
To pack widgets into a custom dialog, you should pack them into the <literal>Gtk::VBox</literal>, available via <literal>get_vbox()</literal>. To just add a button to the bottom of the dialog, you could use the <literal>add_button()</literal> method.
</para>
<para>The <literal>run()</literal> method returns an <literal>int</literal>. This may be a value from the <literal>Gtk::ResponseType</literal> if the user closed the button by clicking a standard button, or it could be the custom response value that you specified when using <literal>add_button()</literal>.</para>
<para><ulink url="&url_refdocs_base_gtk;Dialog.html">Reference</ulink></para>
<sect1><title>MessageDialog</title>
<para>
This is a convenience class, used to create simple, standard message dialogs, with a message, an icon, and buttons for user response. You can specify the type of message and the text in the constructor, as well as specifying standard buttons via <literal>OR</literal>ed <literal>Gtk::ButtonsType</literal> values.
</para>
<para><ulink url="&url_refdocs_base_gtk;MessageDialog.html">Reference</ulink></para>
<sect2>
<title>Example</title>
<figure id="figure-dialogs-messagedialog">
<title>MessageDialog</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;dialogs_messagedialog.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;dialogs/messagedialog">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_info_clicked();
virtual void on_button_question_clicked();
//Child widgets:
Gtk::VButtonBox m_ButtonBox;
Gtk::Button m_Button_Info, m_Button_Question;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <gtkmm/dialog.h>
#include <iostream>
ExampleWindow::ExampleWindow()
: m_Button_Info("Show Info MessageDialog"),
m_Button_Question("Show Question MessageDialog")
{
set_title("Gtk::MessageDialog example");
add(m_ButtonBox);
m_ButtonBox.pack_start(m_Button_Info);
m_Button_Info.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_info_clicked) );
m_ButtonBox.pack_start(m_Button_Question);
m_Button_Question.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_question_clicked) );
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_info_clicked()
{
Gtk::MessageDialog dialog(*this, "This is an INFO MessageDialog");
dialog.run();
}
void ExampleWindow::on_button_question_clicked()
{
Gtk::MessageDialog dialog(*this, "This is a QUESTION MessageDialog", Gtk::MESSAGE_QUESTION, (Gtk::ButtonsType)(Gtk::BUTTONS_OK | Gtk::BUTTONS_CANCEL));
int result = dialog.run();
//Handle the response:
switch(result)
{
case(Gtk::RESPONSE_OK):
{
std::cout << "OK clicked." << std::endl;
break;
}
case(Gtk::RESPONSE_CANCEL):
{
std::cout << "Cancel clicked." << std::endl;
break;
}
default:
{
std::cout << "Unexpected button clicked." << std::endl;
break;
}
}
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1><title>FileSelection</title>
<para>
This dialog allows the user to choose a file or folder. For instance, it is used when saving or loading documents.
</para>
<para><ulink url="&url_refdocs_base_gtk;FileSelection.html">Reference</ulink></para>
<sect2>
<title>Example</title>
<figure id="figure-dialogs-fileselection">
<title>FileSelection</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;dialogs_fileselection.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;dialogs/fileselection">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_file_clicked();
virtual void on_button_folder_clicked();
//Child widgets:
Gtk::VButtonBox m_ButtonBox;
Gtk::Button m_Button_File, m_Button_Folder;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <gtkmm/dialog.h>
#include <iostream>
ExampleWindow::ExampleWindow()
: m_Button_File("Choose File"),
m_Button_Folder("Choose Folder")
{
set_title("Gtk::FileSelection example");
add(m_ButtonBox);
m_ButtonBox.pack_start(m_Button_File);
m_Button_File.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_file_clicked) );
m_ButtonBox.pack_start(m_Button_Folder);
m_Button_Folder.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_folder_clicked) );
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_folder_clicked()
{
Gtk::FileSelection dialog("Please choose a folder");
dialog.set_transient_for(*this);
dialog.get_file_list()->get_parent()->hide(); //Prevent the user from selecting a file.
int result = dialog.run();
//Handle the response:
switch(result)
{
case(Gtk::RESPONSE_OK):
{
std::cout << "OK clicked." << std::endl;
std::cout << "Folder selected: " << dialog.get_filename() << std::endl;
break;
}
case(Gtk::RESPONSE_CANCEL):
{
std::cout << "Cancel clicked." << std::endl;
break;
}
default:
{
std::cout << "Unexpected button clicked." << std::endl;
break;
}
}
}
void ExampleWindow::on_button_file_clicked()
{
Gtk::FileSelection dialog("Please choose a file");
dialog.set_transient_for(*this);
int result = dialog.run();
//Handle the response:
switch(result)
{
case(Gtk::RESPONSE_OK):
{
std::cout << "OK clicked." << std::endl;
std::string filename = dialog.get_filename(); //Notice that it is a std::string, not a Glib::ustring.
std::cout << "File selected: " << filename << std::endl;
break;
}
case(Gtk::RESPONSE_CANCEL):
{
std::cout << "Cancel clicked." << std::endl;
break;
}
default:
{
std::cout << "Unexpected button clicked." << std::endl;
break;
}
}
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1><title>ColorSelectionDialog</title>
<para>
This dialog allows the user to choose a color.
</para>
<para><ulink url="&url_refdocs_base_gtk;ColorSelectionDialog.html">Reference</ulink></para>
<sect2>
<title>Example</title>
<figure id="figure-dialogs-colorselectiondialog">
<title>ColorSelectionDialog</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;dialogs_colorselectiondialog.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;dialogs/colorselectiondialog">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Child widgets:
Gtk::VBox m_VBox;
Gtk::Button m_Button;
Gtk::DrawingArea m_DrawingArea; //To show the color.
Gdk::Color m_Color;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
ExampleWindow::ExampleWindow()
: m_Button("Show Dialog")
{
set_title("Gtk::ColorSelectionDialog example");
set_default_size(200, 200);
add(m_VBox);
m_VBox.pack_start(m_Button, Gtk::PACK_SHRINK);
m_Button.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_clicked) );
//Set start color:
m_Color.set_red(0);
m_Color.set_blue(65535);
m_Color.set_green(0);
m_DrawingArea.modify_bg(Gtk::STATE_NORMAL, m_Color);
m_VBox.pack_start(m_DrawingArea);
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_clicked()
{
Gtk::ColorSelectionDialog dialog;
//Set the current color:
Gtk::ColorSelection* pColorSel = dialog.get_colorsel();
pColorSel->set_current_color(m_Color);
int result = dialog.run();
//Handle the response:
switch(result)
{
case(Gtk::RESPONSE_OK):
{
//Store the chosen color, and show it:
m_Color = pColorSel->get_current_color();
m_DrawingArea.modify_bg(Gtk::STATE_NORMAL, m_Color);
break;
}
case(Gtk::RESPONSE_CANCEL):
{
std::cout << "Cancel clicked." << std::endl;
break;
}
default:
{
std::cout << "Unexpected button clicked." << std::endl;
break;
}
}
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
<sect1><title>FontSelectionDialog</title>
<para>
This dialog allows the user to choose a font.
</para>
<para><ulink url="&url_refdocs_base_gtk;FontSelectionDialog.html">Reference</ulink></para>
<sect2>
<title>Example</title>
<figure id="figure-dialogs-fontselectiondialog">
<title>FontSelectionDialog</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;dialogs_fontselectiondialog.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;dialogs/fontselectiondialog">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_clicked();
//Child widgets:
Gtk::Button m_Button;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <iostream>
ExampleWindow::ExampleWindow()
: m_Button("Show Dialog")
{
set_title("Gtk::FontSelectionDialog example");
add(m_Button);
m_Button.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_clicked) );
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_clicked()
{
Gtk::FontSelectionDialog dialog;
int result = dialog.run();
//Handle the response:
switch(result)
{
case(Gtk::RESPONSE_OK):
{
Glib::ustring font_name = dialog.get_font_name();
std::cout << "Font chosen: " << font_name << std::endl;
break;
}
case(Gtk::RESPONSE_CANCEL):
{
std::cout << "Cancel clicked." << std::endl;
break;
}
default:
{
std::cout << "Unexpected button clicked." << std::endl;
break;
}
}
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
</chapter>
<chapter id="sec-drawingarea">
<title>The Drawing Area Widget</title>
<para>
The DrawingArea widget is a blank X window that gives you the freedom to create any graphic you desire. Along with that
freedom comes the responsibility to handle expose events on the widget. When a widget is first shown, or when it is covered and then
uncovered again it needs to redraw itself. Most widgets have code to do this, but the DrawingArea does not, allowing you to write an expose event signal handler to determine how the contents of the widget will be drawn.
</para>
<para>
There are a number of methods to help you draw various objects into the widget, such as pixels, lines, rectangles, elipses,
polygons, images, and text. We'll take each one in turn and give an example of its use.
</para>
<sect1>
<title>Graphics Contexts</title>
<para>
Before getting into the actual drawing routines, some background information about graphics contexts is
needed. Graphics contexts are a server-side resource. They contain information that describes how drawing is to be
done. This provides for fewer arguments to the drawing methods, and less communication between the client and the
server. The following example shows how to set up a graphics context with a foreground color of red for drawing.
</para>
<programlisting>
Gdk::GC some_gc;
some_gc.create(get_window());
Gdk::Color some_color;
Gdk::Colormap some_colormap(Gdk::Colormap::get_system());
some_color.set_red(65535);
some_color.set_green(0);
some_color.set_blue(0);
some_colormap.alloc(some_color);
some_gc.set_foreground(some_color);
</programlisting>
<para>
The first two lines create the graphics context and assign it to the appropriate widget. The <function>get_window()
</function> method
is a part of the <classname>Gtk::Widget</classname> class, so if you put this code into a derived widget's implementation then
you can call it just
as it is, otherwise you'd use <function>some_widget.get_window()</function>.
</para>
<para>
The next two lines create the <classname>Gdk::Color</classname> and <classname>Gdk::Colormap</classname>. After setting
the color values you then need to allocate the color. The system figures out what to do in this case. The colormap
contains information about how colors can be displayed on your screen, and is able to allocate the requested color. For
example, on a display of only 256 colors the exact color requested may not be available, so the closest color to the one requested will be used instead. The final line sets the color as the foreground color.
</para>
<para>
There are a number of attributes that can be set for a graphics context. There's the foreground and background color.
When drawing lines, you can set the thickness of the line with <function>set_line_width()</function>. Whether a solid
or dashed line is drawn can be set with <function>set_line_style()</function>. The size and proportions of the dashes are set with <function>set_dashes</function>. How two lines join together, whether round or pointed or
beveled off, is set with <function>set_join_style()</function>.
Other things that can be set within a graphics context include font style, stippling and tiling for the filling of
solid polygons.
</para>
</sect1>
<sect1>
<title>Drawing Pixels</title>
<para>
You can draw individual pixels with the two methods <function>Gdk::Drawable::draw_point()</function> and <function>
Gdk::Drawable::draw_points()</function>. All drawing methods take a <classname>Gdk::GC</classname> as their first
argument, except where noted. The other two arguments to <function>draw_point()</function> are the x coordinate
(horizontal position relative to the left edge of the widget, starting at 0), and the y coordinate (vertical position
relative to the top of the widget, starting at 0). <function>draw_points()</function> takes two arguments, the
<classname>Gdk::GC</classname> and a collection of <classname>Gdk::Points</classname>. The second argument can be any kind
of standard container, such as a <classname>std::vector<Gdk::Point></classname>. So for example
<function>draw_point()</function> could be used like this:
</para>
<programlisting>get_window()->draw_point(some_gc, 20, 20);</programlisting>
<para>
But <function>draw_points()</function> is a bit more complicated and might be used like this:
</para>
<programlisting>
std::vector<Gdk::Point> points_array;
points_array.push_back(Gdk::Point(10, 10));
points_array.push_back(Gdk::Point(20, 20));
draw_points(some_gc, points_array); //One way to draw the two points.
</programlisting>
</sect1>
<sect1>
<title>Drawing Lines</title>
<sect2><title>Example</title>
<para>
Drawing lines is more interesting than just points, so here is a complete program:
</para>
<figure id="figure-drawingarea-lines">
<title>Drawing Area - Lines</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;drawingarea_lines.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;drawingarea_lines">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: customdrawingarea.h
<programlisting>
#ifndef GTKMM_EXAMPLE_DRAWINGAREALINES_H
#define GTKMM_EXAMPLE_DRAWINGAREALINES_H
#include <gtkmm.h>
//Custom drawing area with modified expose_event.
class CustomDrawingArea : public Gtk::DrawingArea
{
public:
CustomDrawingArea(int x_size = 0, int y_size = 0);
bool on_expose_event(GdkEventExpose* event);
};
#endif //GTKMM_EXAMPLE_DRAWINGAREALINES_H
</programlisting>
</para>
<para>File: testwindow.h
<programlisting>
#ifndef GTKMM_EXAMPLE_DALTESTWIN_H
#define GTKMM_EXAMPLE_DALTESTWIN_H
#include "customdrawingarea.h"
class TestWindow : public Gtk::Window
{
public:
TestWindow();
protected:
CustomDrawingArea m_drawing_area;
};
#endif
</programlisting>
</para>
<para>File: customdrawingarea.cc
<programlisting>
#include "customdrawingarea.h"
CustomDrawingArea::CustomDrawingArea(int x_size, int y_size)
: DrawingArea()
{
set_size_request(x_size, y_size);
//TODO: Why do we store m_width and m_height? murrayc
}
//Expose_event method.
bool CustomDrawingArea::on_expose_event(GdkEventExpose*)
{
Glib::RefPtr<Gdk::Window> win = get_window();
Glib::RefPtr<Gdk::GC> gc = get_style()->get_black_gc();
win->draw_line(gc, 5, 2, 5, 20);
win->draw_line(gc, 5, 11, 10, 11);
win->draw_line(gc, 10, 2, 10, 20);
win->draw_line(gc, 15, 2, 21, 2);
win->draw_line(gc, 18, 2, 18, 20);
win->draw_line(gc, 15, 20, 21, 20);
// return true to stop any further event handlers being called
// to draw this area
return true;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include "testwindow.h"
int main(int argc, char *argv[])
{
Gtk::Main main_runner(argc, argv);
TestWindow foo;
main_runner.run(foo);
return 0;
}
</programlisting>
</para>
<para>File: testwindow.cc
<programlisting>
#include "testwindow.h"
TestWindow::TestWindow()
: m_drawing_area(50, 50)
{
add(m_drawing_area);
show_all_children();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include "testwindow.h"
int main(int argc, char *argv[])
{
Gtk::Main main_runner(argc, argv);
TestWindow foo;
main_runner.run(foo);
return 0;
}
</programlisting>
</para>
<para>File: testwindow.cc
<programlisting>
#include "testwindow.h"
TestWindow::TestWindow()
: m_drawing_area(50, 50)
{
add(m_drawing_area);
show_all_children();
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
This program contains two classes. The first is a subclass of <classname>Gtk::DrawingArea</classname> and contains an
<function>on_expose_event</function> member function. This method is called whenever the image in the drawing
area needs to be redrawn.
The four additional arguments to <function>draw_line()</function> (besides the graphics context as the first) are the
coordinates for the start and end of the line.
</para>
<para>
The <classname>TestWindow</classname> class contains a drawing area. When it is created, it creates a drawing area
of 50 pixels across by 50 pixels tall. If the window is resized, the graphic drawn is kept in the top left corner of the
larger window. The drawing area is created with a default grey background.
</para>
</sect2>
</sect1>
<sect1>
<title>Drawing Rectangles and Polygons</title>
<para>
The <function>draw_rectangle()</function> method draws rectangles and squares. The second argument determines whether
the rectangle is filled. Give a non-zero value to have the rectangle filled. The third and fourth arguments
specify the x and y coordiates of the upper-left corner of the rectangle, respectively. The last two arguments specify
the width and height (in pixels) of the rectangle.
</para>
<para>
Because of the way X handles drawing, an outline rectangle is one pixel taller and wider than a filled rectangle. If
you want a rectangle with an outline of one color and a fill of another color, you need to draw the filled rectangle first.
Otherwise the filled rectangle will obscure the top and left edges of the outline rectangle. You may need to subtract one pixel from the width and height of the outline rectangle to get the size you expect.
</para>
<para>
The <function>draw_polygon()</function> method takes a <classname>Glib::ArrayHandle<Gdk::Point></classname>, which is
another way of saying a standard container of <classname>Gdk::Point</classname>, just like we saw in
<function>draw_points()</function> above.
The first argument is the <classname>Gdk::GC</classname> and the second argument determines if the polygon is a filled one or
an outline, just like for the <function>draw_rectangle()</function>. The polygon's shape is taken by drawing a line from the
first point to the second, and so on to the last point in the list, and from there a line is drawn back to the first point.
This of course implies that you do not need to repeat the first point as the last point.
</para>
</sect1>
<sect1>
<title>Drawing Ellipses and Arcs</title>
<para>
The <function>draw_arc()</function> has a lot of parameters. The second one is again for the choice of filled or unfilled arc.
The next two arguments are the x and y coordinates of the upper left corner of the circle. Imagine a
rectangle surrounding the circle, and just touching it at the top, bottom, and sides. The upper left corner of this box
is the point specified by the x and y coordinates. The width and height of this box are the next two arguments. A wide
box will make a wide elliptical shape.
</para>
<para>
The final two arguments define the starting and ending angle, in case you do not want to make a complete circle. The
angle is measured in 1/64th of a degree, starts at the right, and runs counter-clockwise.
</para>
</sect1>
<sect1>
<title>Drawing Text</title>
<para>
Text is drawn via Pango Layouts. The easiest way to create a <classname>Pango::Layout</classname> is to use
<function>create_pango_layout</function>. Once created, the layout can be manipulated in various ways, including changing
the text, font, etc. Finally, the layout can be rendered using the <function>draw_layout</function> method of <classname>Gdk::Drawable</classname>, which takes the usual <classname>Gdk::GC</classname>, an x-position, a y-position and the layout itself.
</para>
<sect2><title>Example</title>
<para>
Here's a sample program using all of the drawing methods shown so far:
</para>
<figure id="figure-drawingarea-text">
<title>Drawing Area - Text</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;drawingarea_text.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;drawingarea_text">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: customdrawingarea.h
<programlisting>
#ifndef GTKMM_EXAMPLE_DRAWINGAREATEXT_H
#define GTKMM_EXAMPLE_DRAWINGAREATEXT_H
#include <gtkmm.h>
class CustomDrawingArea : public Gtk::DrawingArea
{
public:
CustomDrawingArea(int x_size = 0, int y_size = 0);
bool on_expose_event(GdkEventExpose* event);
protected:
int m_width, m_height;
};
#endif //GTKMM_EXAMPLE_DRAWINGAREATEXT_H
</programlisting>
</para>
<para>File: testwindow.h
<programlisting>
#ifndef GTKMM_EXAMPLE_DATTESTWIN_H
#define GTKMM_EXAMPLE_DATTESTWIN_H
#include "customdrawingarea.h"
class TestWindow : public Gtk::Window
{
public:
TestWindow();
private:
CustomDrawingArea m_drawing_area;
};
#endif
</programlisting>
</para>
<para>File: customdrawingarea.cc
<programlisting>
#include "customdrawingarea.h"
#include <pangomm/layout.h>
CustomDrawingArea::CustomDrawingArea(int x_size, int y_size)
: DrawingArea(), m_width(x_size), m_height(y_size)
{
set_size_request(m_width, m_height);
//TODO: Why do we store m_width and m_height? murrayc
}
//Expose_event method.
bool CustomDrawingArea::on_expose_event(GdkEventExpose*)
{
Glib::RefPtr<Gdk::Window> win = get_window();
Glib::RefPtr<Gdk::GC> some_gc = Gdk::GC::create(win);
Glib::RefPtr<Gdk::GC> blackgc = get_style()->get_black_gc();
Glib::RefPtr<Gdk::GC> whitegc = get_style()->get_white_gc();
Gdk::Color some_color;
Glib::RefPtr<Gdk::Colormap> some_colormap = get_default_colormap();
some_color.set_red(65535);
some_color.set_green(65535);
some_color.set_blue(0);
some_colormap->alloc_color(some_color);
some_gc->set_foreground(some_color);
//Draw pac-man.
win->draw_arc(some_gc, true, 30, 100, 50, 50, 2880, 17280); //2880==45*64, 17280==270*64
//Draw pellets.
win->draw_rectangle(whitegc, true, 80, 120, 15, 10);
win->draw_rectangle(whitegc, true, 110, 120, 15, 10);
win->draw_rectangle(whitegc, true, 140, 120, 15, 10);
//Draw some lines.
win->draw_line(blackgc, 5, 2, 5, 20);
win->draw_line(blackgc, 5, 11, 10, 11);
win->draw_line(blackgc, 10, 2, 10, 20);
win->draw_line(blackgc, 15, 2, 21, 2);
win->draw_line(blackgc, 18, 2, 18, 20);
win->draw_line(blackgc, 15, 20, 21, 20);
//Draw a diamond.
std::vector<Gdk::Point> some_points;
some_points.push_back(Gdk::Point(100, 10));
some_points.push_back(Gdk::Point(50, 60));
some_points.push_back(Gdk::Point(100, 110));
some_points.push_back(Gdk::Point(150, 60));
win->draw_polygon(blackgc, true, some_points);
//Draw some text.
Glib::RefPtr<Pango::Layout> pangolayout = create_pango_layout("Hello, World!");
win->draw_layout(blackgc, 30, 170, pangolayout);
// return true to stop any other event handlers being called to
// draw this area
return true;
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include "testwindow.h"
int main(int argc, char *argv[])
{
Gtk::Main main_runner(argc, argv);
TestWindow foo;
main_runner.run(foo);
return 0;
}
</programlisting>
</para>
<para>File: testwindow.cc
<programlisting>
#include "testwindow.h"
TestWindow::TestWindow()
: m_drawing_area(200, 200)
{
add(m_drawing_area);
show_all_children();
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include "testwindow.h"
int main(int argc, char *argv[])
{
Gtk::Main main_runner(argc, argv);
TestWindow foo;
main_runner.run(foo);
return 0;
}
</programlisting>
</para>
<para>File: testwindow.cc
<programlisting>
#include "testwindow.h"
TestWindow::TestWindow()
: m_drawing_area(200, 200)
{
add(m_drawing_area);
show_all_children();
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
The structure of the program is the same as the first one, except that this one includes examples of the drawing elements
discussed up to now.
</para>
</sect2>
</sect1>
<sect1>
<title>Draw Images</title>
<para>
There are a couple of drawing methods for putting image data into a drawing area. <function>draw_pixmap()</function> can
copy the contents of a <classname>Gdk::Drawable</classname> (the window of a drawing area is one) into the drawing area.
There is also <function>draw_bitmap()</function> for drawing a two-color image into the drawing area, and
<function>draw_image()</function> for drawing an image with more than two colors.
</para>
<para>
For all of these methods, the first argument is the <classname>Gdk::GC</classname>. The second argument is the
object of the appropriate type to copy in: <classname>Gdk::Drawable</classname>, <classname>Gdk::Bitmap</classname>,
<classname>Gdk::Image</classname>. The next two arguments are the x and y points in the image to begin copying from. Then
come the x and y points in the drawing area to copy to. The final two arguments are the width and heigh of the area to
copy.
</para>
<para>
There is also a method for drawing from a <classname>Gdk::Pixbuf</classname>. A <classname>Gdk::Pixbuf</classname>
buffer is a useful wrapper around a collection of pixels, which can be read from files, and manipulated in various ways.
</para>
<para>
Probably the most common way of creating <classname>Gdk::Pixbuf</classname>s is to use
<function>Gdk::Pixbuf::create_from_file()</function>, which can read an image file, such as a png file into a pixbuf ready
for rendering.
</para>
<para>
The <classname>Gdk::Pixbuf</classname> can be rendered with <function>render_to_drawable</function>, which takes quite a few parameters. The <function>render_to_drawable</function> is a member of <classname>Gdk::Pixbuf</classname> rather than <classname>Gdk::Drawable</classname>, which is unlike the <function>draw_*</function> functions described earlier. As such, its first parameter is the drawable to render to. The second parameter is still the <classname>Gdk::GC</classname>. The next two parameters are the point in the pixbuf to start drawing from. This is followed by the point in the drawable to draw it at, and by the width and height to actually draw (which may not be the whole image, especially if you're only responding to an expose event for part of the window). Finally, there are the dithering parameters. If you use Gdk::RGB_DITHER_NONE as the dither type, then the dither offset parameters can both be 0.
</para>
<para>
Here is a small bit of code to tie it all together: (Note that usually you wouldn't load the image every time in the expose event handler! It's just shown here to keep it all together)
</para>
<programlisting>
bool myarea::on_expose_event(GdkEventExpose* ev)
{
Glib::RefPtr<Gdk::PixBuf> image = Gdk::PixBuf::create_from_file("myimage.png");
image->render_to_drawable(get_window(), get_style()->get_black_gc(),
0, 0, 100, 80, image->get_width(), image->get_height(), // draw the whole image (from 0,0 to the full width,height) at 100,80 in the window
Gdk::RGB_DITHER_NONE, 0, 0);
return true;
}
</programlisting>
</sect1>
</chapter>
<chapter id="sec-draganddrop">
<title>Drag and Drop</title>
<para>Gtk::Widget has several methods and signals which are prefixed with "drag_". These are used for Drag and Drop.</para>
<sect1>
<title>Sources and Destinations</title>
<para>Things are dragged from <literal>sources</literal> to be dropped on <literal>destinations</literal>. Each source and destination has infomation about the data formats that it can send or receive, provided by <literal>Gtk::TargetEntry</literal> items. A drop destination will only accept a dragged item if they both share a compatible Gtk::TargetEntry item. Appropriate signals will then be emitted, telling the signal handlers which Gtk::TargetEntry was used.</para>
<para>Gtk::TargetEntry objects contain this information:
<itemizedlist>
<listitem><para>target: A name, such as "STRING"</para></listitem>
<listitem><para>info: An identifier which will be sent to your signals to tell you which TargetEntry was used.</para></listitem>
<listitem><para>flags: TODO</para></listitem>
</itemizedlist>
</para>
</sect1>
<sect1>
<title>Methods</title>
<para>Widgets can be identified as sources or destinations using these Gtk::Widget methods:</para>
<para>
<programlisting>
void drag_source_set(const ArrayHandle_TargetEntry& targets, GdkModifierType start_button_mask, GdkDragAction actions);
</programlisting>
<itemizedlist>
<listitem><para><literal>targets</literal> os a container of Gtk::TargetEntry (std::list<Gtk::TargetEntry> or std::vector<Gtk::TargetEntry>, for instance) elements.</para></listitem>
<listitem><para><literal>start_button_mask</literal> is an ORed combination of values, which specify which modifier key or mouse button must be pressed to start the drag.</para></listitem>
<listitem><para><literal>actions</literal> is an ORed combination of values, which specified which Drag and Drop operations will be possible from this source - for instance, copy, move, or link. The user can choose between the actions by using modifier keys, such as <literal>Shift</literal> to change from <literal>copy</literal> to <literal>move</literal>, and this will be shown by a different cursor.</para></listitem>
</itemizedlist>
</para>
<para>
<programlisting>
void drag_dest_set(const ArrayHandle_TargetEntry& targets, GtkDestDefaults flags, GdkDragAction actions);
</programlisting>
<itemizedlist>
<listitem><para><literal>flags</literal> is an ORed combination of values which indicates how the widget will respond visually to Drag and Drop items.</para></listitem>
<listitem><para><literal>actions</literal> indicates the Drag and Drop actions which this destination can receive - see the description above.</para></listitem>
</itemizedlist>
</para>
</sect1>
<sect1>
<title>Signals</title>
<para>When a drop destination has accepted a dragged item, certain signals will be emitted, depending on what action has been selected. For instance, the user might have held down the <literal>Shift</literal> key to specify a <literal>move</literal> rather than a <literal>copy</literal>. Remember that the user can only select the actions which you have specified in your calls to <literal>drag_dest_set()</literal> and <literal>drag_source_set()</literal>.</para>
<sect2>
<title>Copy</title>
<para>
The source widget will emit these signals, in this order:
<itemizedlist>
<listitem><para><literal>drag_begin</literal>: Provides DragContext.</para></listitem>
<listitem><para><literal>drag_motion</literal>: Provides DragContext and coordinates. You can call the drag_status() method of the DragContext to indicate which target will be accepted.</para></listitem>
<listitem><para><literal>drag_get</literal>: Provides <literal>info</literal> about the dragged data format, and a <literal>GtkSelectionData</literal> structure, in which you should put the requested data.</para></listitem>
<listitem><para><literal>drag_drop</literal>: Provides DragContext and coordinates.</para></listitem>
<listitem><para><literal>drag_end</literal>: Provides DragContext.</para></listitem>
</itemizedlist>
</para>
<para>
The destination widget will emit this signal, after the source destination has emitted the <literal>drag_get</literal> signal:
<itemizedlist>
<listitem><para><literal>drag_data_received</literal>: Provides <literal>info</literal> about the dragged data format, and a <literal>GtkSelectionData</literal> structure which contains the dropped data. You should call the <literal>drag_finish()</literal> method of the <literal>DragContext</literal> to indicate whether the operation was successful.</para></listitem>
</itemizedlist>
</para>
</sect2>
<sect2>
<title>Move</title>
<para>During a <literal>move</literal>, the source widget will also emit this signal:
<itemizedlist>
<listitem><para><literal>drag_delete</literal>: Gives the source the opportunity to delete the original data if that's appropriate.</para></listitem>
</itemizedlist>
</para>
</sect2>
<sect2>
<title>Link</title>
<para>TODO: Find an example or documentation.</para>
</sect2>
</sect1>
<sect1>
<title>DragContext</title>
<para>
The drag and drop signals provide a DragContext, which contains some information about the drag and drop operation and can be used to influence the process. For instance, you can discover the source widget, or change the drag and drop icon, by using the <literal>set_icon()</literal> methods. More importantly, you should call the <literal>drag_finish()</literal> method from your <literal>drag_data_received</literal> signal handler to indicate whether the drop was successful.
</para>
</sect1>
<sect1>
<title>Example</title>
<para>Here is a very simple example, demonstrating a drag and drop <literal>Copy</literal> operation:</para>
<figure id="figure-drag_and_drop">
<title>Drag and Drop</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;drag_and_drop.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;drag_and_drop">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: dndwindow.h
<programlisting>
#ifndef GTKMM_EXAMPLE_DNDWINDOW_H
#define GTKMM_EXAMPLE_DNDWINDOW_H
#include <gtkmm/label.h>
#include <gtkmm/window.h>
#include <gtkmm/box.h>
#include <gtkmm/button.h>
class DnDWindow : public Gtk::Window
{
public:
DnDWindow();
virtual ~DnDWindow();
protected:
//Signal handlers:
virtual void on_button_drag_data_get(const Glib::RefPtr<Gdk::DragContext>& context, GtkSelectionData* selection_data, guint info, guint time);
virtual void on_label_drop_drag_data_received(const Glib::RefPtr<Gdk::DragContext>& context, int x, int y, GtkSelectionData* selection_data, guint info, guint time);
//Member widgets:
Gtk::HBox m_HBox;
Gtk::Button m_Button_Drag;
Gtk::Label m_Label_Drop;
};
#endif // GTKMM_EXAMPLE_DNDWINDOW_H
</programlisting>
</para>
<para>File: dndwindow.cc
<programlisting>
#include "dndwindow.h"
#include <iostream>
DnDWindow::DnDWindow()
: m_Button_Drag("Drag Here\n"),
m_Label_Drop("Drop here\n")
{
set_title("DnD example");
add(m_HBox);
//Targets:
std::list<Gtk::TargetEntry> listTargets;
listTargets.push_back( Gtk::TargetEntry("STRING") );
listTargets.push_back( Gtk::TargetEntry("text/plain") );
//Drag site:
//Make m_Button_Drag a DnD drag source:
m_Button_Drag.drag_source_set(listTargets);
//Connect signals:
m_Button_Drag.signal_drag_data_get().connect( SigC::slot(*this, &DnDWindow::on_button_drag_data_get));
m_HBox.pack_start(m_Button_Drag);
//Drop site:
//Make m_Label_Drop a DnD drop destination:
m_Label_Drop.drag_dest_set(listTargets);
//Connect signals:
m_Label_Drop.signal_drag_data_received().connect( SigC::slot(*this, &DnDWindow::on_label_drop_drag_data_received) );
m_HBox.pack_start(m_Label_Drop);
show_all();
}
DnDWindow::~DnDWindow()
{
}
void DnDWindow::on_button_drag_data_get(const Glib::RefPtr<Gdk::DragContext>&, GtkSelectionData* selection_data, guint, guint)
{
//TODO: The gtkmm API needs to change to use a Gtk::SelectionData instead of a GtkSelectionData.
//That should happen for gtkmm 2.4.
gtk_selection_data_set (selection_data, selection_data->target, 8, (const guchar*)"I'm Data!", 9);
}
void DnDWindow::on_label_drop_drag_data_received(const Glib::RefPtr<Gdk::DragContext>& context, int, int, GtkSelectionData* selection_data, guint, guint time)
{
//TODO: The gtkmm API needs to change to use a Gtk::SelectionData instead of a GtkSelectionData.
//That should happen for gtkmm 2.4.
if ((selection_data->length >= 0) && (selection_data->format == 8))
{
std::cout << "Received \"" << (gchar *)(selection_data->data) << "\" in label " << std::endl;
}
context->drag_finish(false, false, time);
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "dndwindow.h"
int main (int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
DnDWindow dndWindow;
Gtk::Main::run(dndWindow); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
There is a more complex example in examples/dnd.
</para>
</sect1>
</chapter>
<chapter id="sec-clipboard">
<title>The Clipboard</title>
<para>Simple text copy-paste functionality is provided for free by widgets such as Gtk::Entry and Gtk::TextView, but you might need special code to deal with your own data formats. For instance, a drawing program would need special code to allow copy and paste within a view, or between documents.</para>
<para><literal>Gtk::Clipboard</literal> is a singleton. You can get the one and only instance with <literal>Gtk::Clipboard::get()</literal>.</para>
<para>So your application doesn't need to wait for clipboard operations, particularly between the time when the user chooses Copy and then later chooses Paste, most <literal>Gtk::Clipboard</literal> methods take <literal>SigC::Slot</literal>s which specify callback methods. When <literal>Gtk::Clipboard</literal> is ready, it will call these methods, either providing the requested data, or asking for data.
</para>
<para><ulink url="&url_refdocs_base_gtk;Clipboard.html">Reference</ulink></para>
<sect1>
<title>Targets</title>
<para>
Different applications contain different types of data, and they might make that data available in
a variety of formats. gtkmm calls these data types <literal>target</literal>s.</para>
<para>
For instance, gedit can supply and receive the <literal>"UTF8_STRING"</literal> target, so you can paste data into gedit from any application that supplies that target. Or two different image editing applications might supply and receive a variety of image formats as targets. As long as one application can receive one of the targets that the other supplies then you will be able to copy data from one to the other.
</para>
<para>A target can be in a variety of binary formats. This chapter, and the examples, assume that the data is 8-bit text. This would allows us to use an XML format for the clipboard data. However this would probably not be appropriate for binary data such as images. <literal>Gtk::Clipboard</literal> provides overloads that allow you to specify the format in more detail if necessary.</para>
<para>The <link linkend="sec-draganddrop">Drag and Drop</link> API uses the same mechanism. You should probably use the same data targets and formats for both Clipboard and Drag and Drap operations.</para>
</sect1>
<sect1>
<title>Copy</title>
<para>
When the user asks to copy some data, you should tell the clipboard what targets are available, and provide the callback methods that it can use to get the data. At this point you should store a copy of the data, to be provided when the clipboard calls your callback method in repsonse to a paste.
</para>
<para>For instance,
<programlisting>
Glib::RefPtr<Gtk::Clipboard> refClipboard = Gtk::Clipboard::get();
//Targets:
std::list<Gtk::TargetEntry> listTargets;
listTargets.push_back( Gtk::TargetEntry("example_custom_target") );
listTargets.push_back( Gtk::TargetEntry("UTF8_STRING") );
refClipboard->set( listTargets,
SigC::slot(*this, &ExampleWindow::on_clipboard_get),
SigC::slot(*this, &ExampleWindow::on_clipboard_clear) );
</programlisting>
</para>
<para>Your callback will then provide the store data when the user chooses to paste the data. For instance:
<programlisting>
void ExampleWindow::on_clipboard_get(Gtk::SelectionData& selection_data, guint info)
{
const Glib::ustring& target = selection_data.get_target();
if(target == "example_custom_target")
selection_data.set("example_custom_target", m_ClipboardStore);
}
</programlisting>
The <literal>ideal</literal> example below can supply more than one clipboard target.
</para>
<para>The clear callback allows you to free the memory used by your stored data when the clipboard replaces its data with something else.
</para>
</sect1>
<sect1>
<title>Paste</title>
<para>
When the user asks to paste data from the clipboard, you should request a specific format and provide a callback method which will be called with the actual data. For instance:
<programlisting>
refClipboard->request_contents("example_custom_target", SigC::slot(*this, &ExampleWindow::on_clipboard_received) );
</programlisting>
</para>
<para>Here is an example callback method:
<programlisting>
void ExampleWindow::on_clipboard_received(const Gtk::SelectionData& selection_data)
{
Glib::ustring clipboard_data = selection_data.get_data_as_text();
//Do something with the pasted data.
}
</programlisting>
</para>
<sect2>
<title>Discovering the available targets</title>
<para>To find out what targets are currently available on the clipboard for pasting, call the <literal>request_methods()</literal> method, specifying a method to be called with the information. For instance:
<programlisting>
refClipboard->request_targets( SigC::slot(*this, &ExampleWindow::on_clipboard_received_targets) );
</programlisting>
</para>
<para>
In your callback, compare the list of available targets with those that your application supports for pasting. You could enable or disable a Paste menu item, depending on whether pasting is currently possible. For instance:
<programlisting>
void ExampleWindow::on_clipboard_received_targets(const Gtk::SelectionData& selection_data)
{
bool bPasteIsPossible = false;
//Get the list of available clipboard targets:
typedef std::list<Glib::ustring> type_listTargets;
type_listTargets targets = selection_data.get_targets();
//and see if one is suitable:
for(type_listTargets::const_iterator iter = targets.begin(); iter != targets.end(); ++iter)
{
if(*iter == "example_custom_target")
bPasteIsPossible = true;
}
//Do something, depending on whether bPasteIsPossible is true.
}
</programlisting>
</para>
</sect2>
</sect1>
<sect1><title>Examples</title>
<sect2><title>Simple</title>
<para>This example allows copy and pasting of application-specific data, using the standard text target. Although this is simple, it's not ideal because
it does not identify the clipboard data as being of a particular type.</para>
<figure id="figure-clipboard-simple">
<title>Clipboard - Simple</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;clipboard_simple.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;clipboard/simple/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_copy();
virtual void on_button_paste();
virtual void on_clipboard_text_received(const Glib::ustring& text);
//Child widgets:
Gtk::VBox m_VBox;
Gtk::Label m_Label;
Gtk::Table m_Table;
Gtk::ToggleButton m_ButtonA1, m_ButtonA2, m_ButtonB1, m_ButtonB2;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Copy, m_Button_Paste;
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
ExampleWindow::ExampleWindow()
: m_Label("Select cells in the table, click Copy, then open a second instance of this example to try pasting the copied data."),
m_Table(2, 2, true),
m_ButtonA1("A1"), m_ButtonA2("A2"), m_ButtonB1("B1"), m_ButtonB2("B2"),
m_Button_Copy(Gtk::Stock::COPY), m_Button_Paste(Gtk::Stock::PASTE)
{
set_title("Gtk::Clipboard example");
set_border_width(12);
add(m_VBox);
m_VBox.pack_start(m_Label, Gtk::PACK_SHRINK);
//Fill Table:
m_VBox.pack_start(m_Table);
m_Table.attach(m_ButtonA1, 0, 1, 0, 1);
m_Table.attach(m_ButtonA2, 1, 2, 0, 1);
m_Table.attach(m_ButtonB1, 0, 1, 1, 2);
m_Table.attach(m_ButtonB2, 1, 2, 1, 2);
//Add ButtonBox to bottom:
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_VBox.set_spacing(6);
//Fill ButtonBox:
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_ButtonBox.pack_start(m_Button_Copy, Gtk::PACK_SHRINK);
m_Button_Copy.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_copy) );
m_ButtonBox.pack_start(m_Button_Paste, Gtk::PACK_SHRINK);
m_Button_Paste.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_paste) );
show_all_children();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_copy()
{
//Build a string representation of the stuff to be copied:
//Ideally you would use XML, with an XML parser here:
Glib::ustring strData;
strData += m_ButtonA1.get_active() ? "1" : "0";
strData += m_ButtonA2.get_active() ? "1" : "0";
strData += m_ButtonB1.get_active() ? "1" : "0";
strData += m_ButtonB2.get_active() ? "1" : "0";
Glib::RefPtr<Gtk::Clipboard> refClipboard = Gtk::Clipboard::get();
refClipboard->set_text(strData);
}
void ExampleWindow::on_button_paste()
{
//Tell the clipboard to call our method when it is ready:
Glib::RefPtr<Gtk::Clipboard> refClipboard = Gtk::Clipboard::get();
refClipboard->request_text( SigC::slot(*this, &ExampleWindow::on_clipboard_text_received) );
}
void ExampleWindow::on_clipboard_text_received(const Glib::ustring& text)
{
//See comment in on_button_copy() about this silly clipboard format.
if(text.size() >= 4)
{
m_ButtonA1.set_active( text[0] == '1' );
m_ButtonA2.set_active( text[1] == '1' );
m_ButtonB1.set_active( text[2] == '1' );
m_ButtonB2.set_active( text[3] == '1' );
}
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
<sect2><title>Ideal</title>
<para>This is like the simple example, but it
<orderedlist>
<listitem><simpara>Defines a custom clipboard target, though the format of that target is still text.</simpara></listitem>
<listitem><simpara>It supports pasting of 2 targets - both the custom one and a text one that creates an arbitrary text representation of the custom data.</simpara></listitem>
<listitem><simpara>It uses request_targets() and disables the Paste button if it can't use anything on
the clipboard</simpara></listitem>
</orderedlist>
</para>
<figure id="figure-clipboard-ideal">
<title>Clipboard - Ideal</title>
<screenshot>
<graphic format="PNG" fileref="&url_figures_base;clipboard_ideal.png"/>
</screenshot>
</figure>
<para><ulink url="&url_examples_base;clipboard/ideal/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: examplewindow.h
<programlisting>
#ifndef GTKMM_EXAMPLEWINDOW_H
#define GTKMM_EXAMPLEWINDOW_H
#include <gtkmm.h>
class ExampleWindow : public Gtk::Window
{
public:
ExampleWindow();
virtual ~ExampleWindow();
protected:
//Signal handlers:
virtual void on_button_copy();
virtual void on_button_paste();
virtual void on_clipboard_get(Gtk::SelectionData& selection_data, guint info);
virtual void on_clipboard_clear();
virtual void on_clipboard_received(const Gtk::SelectionData& selection_data);
virtual void on_clipboard_received_targets(const Gtk::SelectionData& selection_data);
virtual void update_paste_status(); //Disable the paste button if there is nothing to paste.
//Child widgets:
Gtk::VBox m_VBox;
Gtk::Label m_Label;
Gtk::Table m_Table;
Gtk::ToggleButton m_ButtonA1, m_ButtonA2, m_ButtonB1, m_ButtonB2;
Gtk::HButtonBox m_ButtonBox;
Gtk::Button m_Button_Copy, m_Button_Paste;
Glib::ustring m_ClipboardStore; //Keep copied stuff here, until it is pasted. This could be a big complex data structure.
};
#endif //GTKMM_EXAMPLEWINDOW_H
</programlisting>
</para>
<para>File: examplewindow.cc
<programlisting>
#include "examplewindow.h"
#include <algorithm>
namespace
{
const char example_target_custom[] = "gtkmmclipboardexample";
const char example_target_text[] = "UTF8_STRING";
} // anonymous namespace
ExampleWindow::ExampleWindow()
: m_Label("Select cells in the table, click Copy, then open a second instance "
"of this example to try pasting the copied data.\nOr try pasting the "
"text representation into gedit."),
m_Table(2, 2, true),
m_ButtonA1("A1"), m_ButtonA2("A2"), m_ButtonB1("B1"), m_ButtonB2("B2"),
m_Button_Copy(Gtk::Stock::COPY), m_Button_Paste(Gtk::Stock::PASTE)
{
set_title("Gtk::Clipboard example");
set_border_width(12);
add(m_VBox);
m_VBox.pack_start(m_Label, Gtk::PACK_SHRINK);
//Fill Table:
m_VBox.pack_start(m_Table);
m_Table.attach(m_ButtonA1, 0, 1, 0, 1);
m_Table.attach(m_ButtonA2, 1, 2, 0, 1);
m_Table.attach(m_ButtonB1, 0, 1, 1, 2);
m_Table.attach(m_ButtonB2, 1, 2, 1, 2);
//Add ButtonBox to bottom:
m_VBox.pack_start(m_ButtonBox, Gtk::PACK_SHRINK);
m_VBox.set_spacing(6);
//Fill ButtonBox:
m_ButtonBox.set_layout(Gtk::BUTTONBOX_END);
m_ButtonBox.pack_start(m_Button_Copy, Gtk::PACK_SHRINK);
m_Button_Copy.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_copy) );
m_ButtonBox.pack_start(m_Button_Paste, Gtk::PACK_SHRINK);
m_Button_Paste.signal_clicked().connect( SigC::slot(*this, &ExampleWindow::on_button_paste) );
show_all_children();
update_paste_status();
}
ExampleWindow::~ExampleWindow()
{
}
void ExampleWindow::on_button_copy()
{
//Build a string representation of the stuff to be copied:
//Ideally you would use XML, with an XML parser here:
Glib::ustring strData;
strData += m_ButtonA1.get_active() ? "1" : "0";
strData += m_ButtonA2.get_active() ? "1" : "0";
strData += m_ButtonB1.get_active() ? "1" : "0";
strData += m_ButtonB2.get_active() ? "1" : "0";
//Store the copied data until it is pasted:
m_ClipboardStore = strData;
Glib::RefPtr<Gtk::Clipboard> refClipboard = Gtk::Clipboard::get();
//Targets:
std::list<Gtk::TargetEntry> listTargets;
listTargets.push_back( Gtk::TargetEntry(example_target_custom) );
listTargets.push_back( Gtk::TargetEntry(example_target_text) );
refClipboard->set( listTargets, SigC::slot(*this, &ExampleWindow::on_clipboard_get), SigC::slot(*this, &ExampleWindow::on_clipboard_clear) );
update_paste_status();
}
void ExampleWindow::on_button_paste()
{
//Tell the clipboard to call our method when it is ready:
Glib::RefPtr<Gtk::Clipboard> refClipboard = Gtk::Clipboard::get();
refClipboard->request_contents(example_target_custom, SigC::slot(*this, &ExampleWindow::on_clipboard_received) );
update_paste_status();
}
void ExampleWindow::on_clipboard_get(Gtk::SelectionData& selection_data, guint)
{
//info is meant to indicate the target, but it seems to be always 0,
//so we use the selection_data's target instead.
const std::string target = selection_data.get_target();
if(target == example_target_custom)
{
// This set() override uses an 8-bit text format for the data.
selection_data.set(example_target_custom, m_ClipboardStore);
}
else if(target == example_target_text)
{
//Build some arbitrary text representation of the data,
//so that people see something when they paste into a text editor:
Glib::ustring text_representation;
text_representation += m_ButtonA1.get_active() ? "A1, " : "";
text_representation += m_ButtonA2.get_active() ? "A2, " : "";
text_representation += m_ButtonB1.get_active() ? "B1, " : "";
text_representation += m_ButtonB2.get_active() ? "B2, " : "";
selection_data.set_text(text_representation);
}
else
{
g_warning("ExampleWindow::on_clipboard_get(): Unexpected clipboard target format.");
}
}
void ExampleWindow::on_clipboard_clear()
{
//This isn't really necessary. I guess it might save memory.
m_ClipboardStore.clear();
}
void ExampleWindow::on_clipboard_received(const Gtk::SelectionData& selection_data)
{
const std::string target = selection_data.get_target();
if(target == example_target_custom) //It should always be this, because that' what we asked for when calling request_contents().
{
Glib::ustring clipboard_data = selection_data.get_data_as_string();
//See comment in on_button_copy() about this silly clipboard format.
if(clipboard_data.size() >= 4)
{
m_ButtonA1.set_active( clipboard_data[0] == '1' );
m_ButtonA2.set_active( clipboard_data[1] == '1' );
m_ButtonB1.set_active( clipboard_data[2] == '1' );
m_ButtonB2.set_active( clipboard_data[3] == '1' );
}
}
}
void ExampleWindow::update_paste_status()
{
//Disable the paste button if there is nothing to paste.
Glib::RefPtr<Gtk::Clipboard> refClipboard = Gtk::Clipboard::get();
//Discover what targets are available:
refClipboard->request_targets( SigC::slot(*this, &ExampleWindow::on_clipboard_received_targets) );
}
void ExampleWindow::on_clipboard_received_targets(const Gtk::SelectionData& selection_data)
{
// Get the list of available clipboard targets:
std::list<std::string> targets (selection_data.get_targets());
const bool bPasteIsPossible =
std::find(targets.begin(), targets.end(), example_target_custom) != targets.end();
// Enable/Disable the Paste button appropriately:
m_Button_Paste.set_sensitive(bPasteIsPossible);
}
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include <gtkmm/main.h>
#include "examplewindow.h"
int main(int argc, char *argv[])
{
Gtk::Main kit(argc, argv);
ExampleWindow window;
Gtk::Main::run(window); //Shows the window and returns when it is closed.
return 0;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect2>
</sect1>
</chapter>
<chapter id="sec-timeouts">
<title>Timeouts, I/O and Idle Functions </title>
<sect1>
<title>Timeouts</title>
<para>
You may be wondering how to make gtkmm do useful work while it's
idling along (well, sleeping actually) in <literal>Gtk::Main::run()</literal>. Happily,
you have several options. Using the following methods you can create
a timeout method that will be called every few milliseconds.
</para>
<para>
<programlisting>
SigC::Connection Glib::SignalTimeout::connect(const SigC::Slot0<bool>& slot, unsigned int interval, int priority = Glib::PRIORITY_DEFAULT);
</programlisting>
</para>
<para>
The first argument is a slot you wish to have called when the timeout
occurs. The second argument is the number of milliseconds between
calls to that method. You receive a <literal>SigC::Connection</literal> object that can be
used to deactivate the connection.
</para>
<para>
<programlisting>
MyConnection.disconnect();
</programlisting>
</para>
<para>
to destroy the connection. Another way of destroying the Connection
is your signal handler. It has to be of the type
<literal>SigC::Slot0<bool></literal>. As you see from the definition your
signal handler has to return a value of the type <literal>bool</literal>. A
definition of a sample method might look like this:
</para>
<para>
<programlisting>
bool MyCallback() { std::cout << "Hello World!\n"; return true; }
</programlisting>
</para>
<para>
You can stop the timeout method by returning <literal>false</literal> from
your signal handler. Therefore, if you want your
method to be called repeatedly, it should return <literal>true</literal>.
</para>
<para>
Here's an example of this technique:
</para>
<para><ulink url="&url_examples_base;timeout/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: timerexample.h
<programlisting>
#ifndef GTKMM_EXAMPLE_TIMEREXAMPLE_H
#define GTKMM_EXAMPLE_TIMEREXAMPLE_H
#include <gtkmm.h>
#include <iostream>
#include <map>
class TimerExample : public Gtk::Window
{
public:
TimerExample();
protected:
// signal handlers
void on_button_add_timer();
void on_button_delete_timer();
// This is the callback function the timeout will call
bool on_timeout(int timer_number);
// Member data:
Gtk::HBox m_Box;
Gtk::Button m_ButtonAddTimer, m_ButtonDeleteTimer, m_ButtonQuit;
// Keep track of the timers being added:
int m_timer_number;
// These two constants are initialized in the constructor's member initializer:
const int count_value;
const int timeout_value;
// STL map for storing our connections
std::map<int, SigC::Connection> m_timers;
// STL map for storing our timer values.
// Each timer counts back from COUNT_VALUE to 0 and is removed when it reaches 0
std::map<int, int> m_counters;
};
#endif // GTKMM_EXAMPLE_TIMEREXAMPLE_H
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include "timerexample.h"
#include <gtkmm/main.h>
int main (int argc, char *argv[])
{
Gtk::Main app(argc, argv);
TimerExample example;
Gtk::Main::run(example);
return 0;
}
</programlisting>
</para>
<para>File: timerexample.cc
<programlisting>
#include "timerexample.h"
TimerExample::TimerExample() :
m_Box(true, 10),
m_ButtonAddTimer(Gtk::Stock::ADD), // use Gtk::Stock wherever possible for buttons, etc.
m_ButtonDeleteTimer(Gtk::Stock::REMOVE),
m_ButtonQuit(Gtk::Stock::QUIT),
m_timer_number(0), // start numbering the timers at 0
count_value(5), // each timer will count down 5 times before disconnecting
timeout_value(1500) // 1500 ms = 1.5 seconds
{
set_border_width(10);
add(m_Box);
m_Box.pack_start(m_ButtonAddTimer);
m_Box.pack_start(m_ButtonDeleteTimer);
m_Box.pack_start(m_ButtonQuit);
// Connect the three buttons:
m_ButtonQuit.signal_clicked().connect(SigC::slot(*this, &Gtk::Widget::hide));
m_ButtonAddTimer.signal_clicked().connect(SigC::slot(*this,&TimerExample::on_button_add_timer));
m_ButtonDeleteTimer.signal_clicked().connect(SigC::slot(*this,&TimerExample::on_button_delete_timer));
show_all_children();
}
void TimerExample::on_button_add_timer()
{
// Creation of a new object prevents long lines and shows us a little
// how slots work. We have 0 parameters and bool as a return value
// after calling SigC::bind.
SigC::Slot0<bool> my_slot = SigC::bind(SigC::slot(*this, &TimerExample::on_timeout), m_timer_number);
// This is where we connect the slot to the Glib::signal_timeout()
SigC::Connection conn = Glib::signal_timeout().connect(my_slot, timeout_value);
// Remember the connection:
m_timers[m_timer_number] = conn;
// Initialize timer count:
m_counters[m_timer_number] = count_value + 1;
// Print some info to the console for the user:
std::cout << "added timeout " << m_timer_number++ << std::endl;
}
void TimerExample::on_button_delete_timer()
{
// any timers?
if(m_timers.empty())
{
// no timers left
std::cout << "Sorry, there are no timers left." << std::endl;
}
else
{
// get the number of the first timer
int timer_number = m_timers.begin()->first;
// Give some info to the user:
std::cout << "manually disconnecting timer " << timer_number << std::endl;
// Remove the entry in the counter values
m_counters.erase(timer_number);
// Diconnect the signal handler:
m_timers[timer_number].disconnect();
// Forget the connection:
m_timers.erase(timer_number);
}
}
bool TimerExample::on_timeout(int timer_number)
{
// Print the timer:
std::cout << "This is timer " << timer_number;
// decrement and check counter value
if (--m_counters[timer_number] == 0)
{
std::cout << " being disconnected" << std::endl;
// delete the counter entry in the STL MAP
m_counters.erase(timer_number);
// delete the connection entry in the STL MAP
m_timers.erase(timer_number);
// Note that we do not have to explicitly call disconnect() on the connection
// since Gtk::Main does this for us when we return false.
return false;
}
// Print the timer value
std::cout << " - " << m_counters[timer_number] << "/" << count_value << std::endl;
// Keep going (do not disconnect yet):
return true;
}
</programlisting>
</para>
<!-- end inserted example code -->
</sect1>
<sect1>
<title>Monitoring I/O</title>
<para>
A nifty feature of GDK (one of the libraries that underlying
gtkmm) is the ability to have it check for data on a file descriptor
for you. This is especially useful for networking applications. The
following method is used to do this:
</para>
<para>
<programlisting>
Connection Gtk::Main::input.connect(const SlotType& sd, int source,
GdkInputCondition condition);
</programlisting>
</para>
<para>
The first argument is a slot you wish to have called when then the
specified event (see argument 3) occurs on the file descriptor you
specify using argument two. Argument three may be one or a combination
(using <literal>|</literal>) of:
</para>
<para>
<itemizedlist>
<listitem>
<para>
GDK_INPUT_READ - Call your method when there is data ready for
reading on your file descriptor.
</para>
</listitem>
<listitem>
<para>
GDK_INPUT_WRITE - Call your method when the file descriptor is
ready for writing.
</para>
</listitem>
<listitem>
<para>
GDK_INPUT_EXCEPTION - Call your method when an exception happened
on the file descriptor.
</para>
</listitem>
</itemizedlist>
</para>
<para>
The return value is a Connection that may be used to stop monitoring
this file descriptor using the <literal>disconnect</literal> following method.
The signal handler should be declared as follows:
</para>
<para>
<programlisting>
void input_callback(int source, GdkInputCondition condition);
</programlisting>
</para>
<para>
where <literal>source</literal> and <literal>condition</literal> are as specified above. As usual
the slot is created with <literal>slot()</literal> and can be a member method
of an object.
</para>
<para>
A little (and somewhat dirty) example follows as usual. To use
the example just execute it from a terminal; it doesn't create a
window. It will create a pipe named <literal>testpipe</literal> in the current
directory. Then start another shell and execute <literal>cat
>testpipe</literal>. The example will print each line you enter until you
type <literal>quit</literal>.
</para>
<para>
<emphasis>Source location: examples/input/input.cc</emphasis>
<programlisting>
#include <gtkmm/main.h>
#include <fcntl.h>
#include <unistd.h>
#include <sys/types.h>
#include <sys/stat.h>
#include <fstream>
#include <iostream>
#include <memory>
using std::istream;
using std::auto_ptr;
using SigC::slot;
auto_ptr<istream> input;
// this will be our signal handler for read operations
// there is not much to say. just read a string,
// print it and quit the application if the string was quit
void MyCallback(int, GdkInputCondition) {
Gtk::string dummy;
do {
(*input) >> dummy;
cout << dummy << endl;
if(dummy == "quit") Gtk::Main::quit();
} while(input->fail());
}
int main (int argc, char *argv[])
{
// the usual Gtk::Main object
Gtk::Main app(argc, argv);
// create a fifo for testing purposes
if (mkfifo("testfifo",0666) != 0) {
cerr << "error creating fifo" << endl;
return -1;
}
// open the fifo
input=new ifstream("testfifo");
// int fd = open("testfifo", 0);
// if (fd == -1) {
// cerr << "error opening fifo" << endl;
// return -1;
// }
// assign the fifo's filedescriptor to our ifstream object
//This sucks; it will only ever work with libstdc++-v3, as
// both istream::__filebuf_type and the basic_filebuf contructor
// that takes an fd are libstdc++-v3 specific.
//input=new istream(new ifstream::__filebuf_type(fd,"testfifo"));
// connect the signal handler
app.input.connect(slot(MyCallback), fd, GDK_INPUT_READ);
// and last but not least - run the application main loop
app.run();
// now remove the temporary fifo
if(unlink("testfifo"))
cerr << "error removing fifo" << endl;
return 0;
}
</programlisting>
</para>
</sect1>
<sect1>
<title>Idle Functions</title>
<para>
What if you have a method you want called when nothing else is
happening? Hook it up using the following:
</para>
<para>
<programlisting>
Connection Gtk::Main::idle.connect(Slot0<int> idlefunc, int priority);
</programlisting>
</para>
<para>
This causes gtkmm to call the specified method whenever nothing else
is happening. You can add a priority (lower numbers are higher
priorities). If you don't supply a priority value, then
Gtk::PRIORITY_DEFAULT will be used. There are two ways to remove the
signal handler: calling <literal>disconnect</literal> on the Connection object, or
returning <literal>false</literal> (or 0) in the signal handler, which should be
declared as follows:
</para>
<para>
<programlisting>
int idleFunc();
</programlisting>
</para>
<para>
Since this is very similar to the methods above this explanation should
be sufficient to understand what's going on. However, here's a little example:
</para>
<para><ulink url="&url_examples_base;idle/">Source Code</ulink></para>
<!-- start inserted example code -->
<para>File: idleexample.h
<programlisting>
#ifndef GTKMM_EXAMPLE_IDLEEXAMPLE_H
#define GTKMM_EXAMPLE_IDLEEXAMPLE_H
#include <gtkmm.h>
#include <iostream>
class IdleExample : public Gtk::Window
{
public:
IdleExample();
protected:
// Signal Handlers:
bool on_timer();
bool on_idle();
// Member data:
Gtk::VBox m_Box;
Gtk::Button m_ButtonQuit;
Gtk::ProgressBar m_ProgressBar_c;
Gtk::ProgressBar m_ProgressBar_d;
};
#endif // GTKMM_EXAMPLE_IDLEEXAMPLE_H
</programlisting>
</para>
<para>File: main.cc
<programlisting>
#include "idleexample.h"
#include <gtkmm/main.h>
int main (int argc, char *argv[])
{
Gtk::Main app(argc, argv);
IdleExample example;
Gtk::Main::run(example);
return 0;
}
</programlisting>
</para>
<para>File: idleexample.cc
<programlisting>
#include "idleexample.h"
IdleExample::IdleExample() :
m_Box(false, 5),
m_ButtonQuit(Gtk::Stock::QUIT)
{
set_border_width(5);
// Put buttons into container
// Adding a few widgets:
add(m_Box);
m_Box.pack_start( *Gtk::manage(new Gtk::Label("Formatting Windows drive C:")) );
m_Box.pack_start( *Gtk::manage(new Gtk::Label("100 MB")) );
m_Box.pack_start(m_ProgressBar_c);
m_Box.pack_start( *Gtk::manage(new Gtk::Label("")) );
m_Box.pack_start( *Gtk::manage(new Gtk::Label("Formatting Windows drive D:")) );
m_Box.pack_start( *Gtk::manage(new Gtk::Label("5000 MB")) );
m_Box.pack_start(m_ProgressBar_d);
Gtk::HBox* hbox = Gtk::manage( new Gtk::HBox(false,10));
m_Box.pack_start(*hbox);
hbox->pack_start(m_ButtonQuit, Gtk::PACK_EXPAND_PADDING);
// Connect the signal handlers:
m_ButtonQuit.signal_pressed().connect( SigC::slot(*this, &Gtk::Widget::hide) );
// formatting drive c in timeout signal handler - called once every 50ms
Glib::signal_timeout().connect( SigC::slot(*this, &IdleExample::on_timer), 50 );
// formatting drive d in idle signal handler - called as quickly as possible
Glib::signal_idle().connect( SigC::slot(*this, &IdleExample::on_idle) );
show_all_children();
}
// this timer callback function is executed once every 50ms (set in connection above).
// Use timeouts when speed is not critical. (ie periodically updating something).
bool IdleExample::on_timer()
{
double value = m_ProgressBar_c.get_fraction();
// Update progressbar 1/500th each time:
m_ProgressBar_c.set_fraction(value + 0.002);
return value < 0.99; // return false when done
}
// This idle callback function is executed as often as possible, hence it is ideal for
// processing intensive tasks.
bool IdleExample::on_idle()
{
double value = m_ProgressBar_d.get_fraction();
// Update progressbar 1/5000th each time:
m_ProgressBar_d.set_fraction(value + 0.0002);
return value < 0.99; // return false when done
}
</programlisting>
</para>
<!-- end inserted example code -->
<para>
This example points out the difference of idle and timeout methods a
little. If you need methods that are called periodically, and speed
is not very important, then you want timeout methods. If
you want methods that are called as often as possible (like
calculating a fractal in background), then use idle methods.
</para>
<para>
Try executing the example and increasing the system load. The upper
progress bar will increase steadily; the lower one will slow down.
</para>
</sect1>
</chapter>
<chapter id="sec-Memory">
<title>Memory management</title>
<sect1>
<title>Widgets</title>
<sect2>
<title>Normal C++ memory management</title>
<para>
gtkmm allows the programmer to control the lifetime (that is, the construction
and destruction) of any widget in the same manner as any other C++ object.
This flexibility allows you to use <literal>new</literal> and
<literal>delete</literal> to create and destroy objects dynamically
or to use regular class members (that are destroyed automatically when the
class is destroyed) or to use local instances (that are destroyed when the
instance goes out of scope). This flexibility is not present in some C++ GUI
toolkits, which restrict the programmer to only a subset of C++'s memory
management features.
</para>
<para>Here are some examples of normal C++ memory management:</para>
<sect3>
<title>Class Scope widgets</title>
<para>
If a programmer does not need dynamic memory allocation, automatic widgets in class
scope may be used. One advantage of automatic widgets in class scope is that
memory management is grouped in one place. The programmer does not
risk memory leaks from failing to <literal>delete</literal> a widget.
</para>
<para>
The primary disadvantages of using class scope widgets are revealing
the class implementation rather than the class interface in the class header. Class
scope widgets also require Automatic widgets in class scope suffer the same disadvantages as
any other class scope automatic variable.
</para>
<para>
<programlisting>
#include <gtkmm/button.h>
class Foo
{
private:
Gtk::Button theButton;
// will be destroyed when the Foo object is destroyed
};
</programlisting>
</para>
</sect3>
<sect3>
<title>Function scope widgets</title>
<para>
If a programmer does not need a class scope widget, a function scope widget
may also be used. The advantages to function scope over class scope are the
increased data hiding and reduced dependencies.
<programlisting>
{
Gtk::Button aButton;
aButton.show();
...
kit.run();
}
</programlisting>
</para>
</sect3>
<sect3>
<title>Dynamic allocation with new and delete</title>
<para>
Although, in most cases, the programmer will prefer to allow containers to
automatically destroy their children using manage() (see below), the programmer is not
required to use manage(). The traditional <literal>new</literal>
and <literal>delete</literal> operators may also be used.
</para>
<para>
<programlisting>
Gtk::Button* pButton = new Gtk::Button("Test");
// do something useful with pButton
delete pButton;
</programlisting>
Here, the programmer deletes pButton to prevent a memory leak.
</para>
</sect3>
</sect2>
<sect2>
<title>Managed Widgets</title>
<para>
Alternatively, you can let a widget's container control when the widget is
destroyed. In most cases, you want a widget to last only as long as the
container it is in. To delegate the management of a widget's lifetime to its
container, first create it with <literal>manage()</literal> and
pack it into its container with <literal>add()</literal>. Now, the
widget will be destroyed whenever its container is destroyed.
</para>
<sect3>
<title>Dynamic allocation with manage() and add()</title>
<para>
gtkmm provides the manage() and add() methods to create and destroy widgets.
Every widget except a top-level window must be added or packed into a container in
order to be displayed. The manage() function marks a packed widget so that when the
widget is added to a container, the container becomes responsible for deleting the
widget.
</para>
<para>
<programlisting>
MyWidget::MyWidget()
{
Gtk::Button* pButton = manage(new Gtk::Button("Test"));
add(*pButton); //add aButton to MyWidget
}
</programlisting>
Now, when MyWidget is destroyed, the button will also be deleted. It is no
longer necessary to delete pButton to free the button's memory; its deletion
has been delegated to MyWidget.
</para>
<para>
gtkmm also provides the set_manage() method for all widgets.
This can be used to generate the same result as manage(), but
is more tedious:
</para>
<para>
foo.add( (w=new Gtk::Label("Hello"), w->set_manage(), &w) );
</para>
<para>
is the same as
</para>
<para>
foo.add( manage(new Gtk::Label("Hello")) );
</para>
<para>
Of course, a top level container will not be added to another container. The
programmer is responsible for destroying the top level container using one of
the traditional C++ techniques. For instance, your top-level Window might just be an instance in your main() function..
</para>
</sect3>
</sect2>
</sect1>
<sect1 id="sec-Memory-SharedResources">
<title>Shared resources</title>
<para>
Some objects, such as Pixmaps and Fonts, are obtained from a shared store. Therefore you cannot instantiate your own instances. These classes typically inherit from Glib::Object. Rather than requiring you to reference and unreference these objects, gtkmm uses the RefPtr<> smartpointer.</para>
<para>Objects such as Gdk::Bitmap can only be instantiated with a create() function. For instance,
<programlisting>
Glib::RefPtr<Gdk::Bitmap> bitmap = Gdk::Bitmap::create(window, data, width, height);
</programlisting>
</para>
<para>You have no way of getting a bare Gdk::Bitmap. In the example, bitmap is a smart pointer, so you can do this, much like a normal
pointer:
<programlisting>
if(bitmap)
{
int depth = bitmap->get_depth().
}
</programlisting>
</para>
<para>
When bitmap goes out of scope an unref() will happen in the background and you
don't need to worry about it anymore. There's no new so there's no delete.
</para>
<para>
If you copy a RefPtr, for instance
<programlisting>
Glib::RefPtr<Gdk::Bitmap> bitmap2 = bitmap.
</programlisting>
, or if you pass it as a method argument or a return type, then RefPtr will do any necessary referencing to ensure that the instance will not be destroyed until the last RefPtr has gone out of scope.
</para>
<para>See the <link linkend="sec-appendix-refptr">appendix</link> for detailed information about RefPtr.</para>
<para>
If you wish to learn more about smartpointers, you might look in these
books:
<itemizedlist>
<listitem><para>
Bjarne Stroustrup, "The C++ Programming Language" - section 14.4.2
</para></listitem>
<listitem><para>
Nicolai M. Josuttis, "The C++ Standard Library" - section 4.2
</para></listitem>
</itemizedlist>
</para>
</sect1>
</chapter>
<chapter id="sec-libglademm">
<title>Glade and libglademm</title>
<para>
Although you can use C++ code to instantiate and arrange widgets, this
can soon become tedious and repetitive. And it requires a recompilation to show
changes. The <literal>Glade</literal> application allows you to layout widgets
on screen and then save an XML description of the arrangement. Your application can then use the <literal>libglademm</literal> API to load that XML file at runtime and obtain a pointer to specifically named widget instances.
</para>
<para>
This has the following advantages:
<orderedlist>
<listitem><simpara>Less C++ code is required.</simpara></listitem>
<listitem><simpara>UI changes can be seen more quickly, so UIs are able to improve.</simpara></listitem>
<listitem><simpara>Designers without programming skills can create and edit UIs.</simpara></listitem>
</orderedlist>
</para>
<para>You still need C++ code to deal with User Interface changes triggered by user actions, but using <literal>libglademm</literal> for the basic widget layout allows you to focus on implementing that functionality.</para>
<sect1>
<title>Loading the .glade file</title>
<para>
<literal>Gnome::Glade::Xml</literal> must be used via a <literal>Glib::RefPtr</literal>. Like all such classes, you need to use create() method to instantiate it.
<programlisting>
Glib::RefPtr<Gnome::Glade::Xml> refXml = Gnome::Glade::Xml::create("basic.glade");
</programlisting>
This will instantiate the windows defined in the .glade file, though they will not be shown immediately unless you have specified that via the Properties window in Glade. The widgets are ownedg by the <literal>Gnome::Glade::Xml</literal> instance, and will be deleted automatically when it is deleted, when the last copy of the smartpointer goes out of scope.
</para>
<para>To instantiate just one window, or just one of the child widgets, you can specify the name of a widget as the second parameter. For instance,
<programlisting>
Glib::RefPtr<Gnome::Glade::Xml> refXml = Gnome::Glade::Xml::create("basic.glade", "treeview_products");
</programlisting>
</para>
</sect1>
<sect1>
<title>Accessing widgets</title>
<para>
To access a widget, for instance to <literal>show()</literal> a dialog, use the <literal>get_widget()</literal> method, providing the widget's name. This name should be specified in the Glade Properties window. If the widget could not be found, or is of the wrong type, then the pointer will be set to 0.
<programlisting>
Gtk::Dialog* pDialog = 0;
refXml->get_widget("DialogBasic", pDialog);
</programlisting>
</para>
<para>libglademm checks for a null pointer, and checks that the widget is of the expected type, and will show warnings on the command line about these.</para>
<para>Remember that you are not instantiating a widget with <literal>get_widget()</literal>, you are just obtaining a pointer to one that already exists. You will always receive a pointer to the same instance when you call <literal>get_widget</literal> on the same <literal>Gnome::Glade::Xml</literal>, with the same widget name. The widgets are instantiated during <literal>Glade::Xml::create()</literal>.
</para>
<sect2>
<title>Example</title>
<para>The <literal>basic</literal> example in the <literal>libglademm</literal> package shows how to load a Glade file at runtime and access the widgets with libglademm.
</para>
</sect2>
</sect1>
<sect1>
<title>Using derived widgets</title>
<para>
You can use Glade to layout your own custom widgets derived from gtkmm widget classes. This keeps your code organised and encapsulated. Of course you won't see the exact appearance and properties of your derived widget in Glade, but you can specify its location and child widgets and the properties of its gtkmm base class.
</para>
<para>Use <literal>Glade::Xml::get_widget_derived()</literal> like so:
<programlisting>
DerivedDialog* pDialog = 0;
refXml->get_widet_derived("DialogBasic", pDialog);
</programlisting>
</para>
<para>Your derived class must have a constructor that takes a pointer to the underlying C type (there is a typedef for this), and the Gnome::Glade::Xml instance. You must call the base class's constructor in the initialization list, providing the C pointer. For instance,
<programlisting>
DerivedDialog::DerivedDialog(BaseObjectType* cobject, const Glib::RefPtr<Gnome::Glade::Xml>& refGlade)
: Gtk::Dialog(cobject)
{
}
</programlisting>
</para>
<para>You could then encapsulate the manipulation of the child widgets in the constructor of the derived class, maybe using get_widget() or get_widget_derived() again. For instance,
<programlisting>
DerivedDialog::DerivedDialog(BaseObjectType* cobject, const Glib::RefPtr<Gnome::Glade::Xml>& refGlade)
: Gtk::Dialog(cobject),
m_refGlade(refGlade),
m_pButton(0)
{
//Get the Glade-instantiated Button, and connect a signal handler:
m_refGlade->get_widget("quit_button", m_pButton);
if(m_pButton)
{
m_pButton->signal_clicked().connect( SigC::slot(*this, &DerivedDialog::on_button_quit) );
}
}
</programlisting>
</para>
<sect2>
<title>Example</title>
<para>The <literal>derived</literal> example in the <literal>libglademm</literal> package shows how to load a Glade file at runtime and access a widgets via a derived class.
</para>
</sect2>
</sect1>
</chapter>
<chapter id="sec-internationalization">
<title>Internationalization and Localization</title>
<para><literal>gtkmm</literal> applications can easily support multiple languages, including non-ASCII languages such as Chinese and right-to-left languages such as Arabic. An appropriately-written gtkmm application will use the appropriate language at runtime based on the user's environment.</para>
<para>You might not anticipate the need to support additional languages, but you can never rule it out. And it's easier to develop the application properly in the first place rather than retrofitting later.</para>
<para>The process of writing source code that allows for translation is called <literal>internationalization</literal>, often abbreviated to <literal>i18n</literal>. The <literal>Localization</literal> process provides translated text for other languages, based on that source code.</para>
<sect1><title>English in the source code, translations in the .po files.</title>
<para>String literals should be typed in the source code in english as normal, but they should be surrounded by a call to the gettext() function. These strings will be extracted for translation and the translations may be used at runtime instead of the original english strings.
</para>
<sect2 id="sec-i18n-gettext">
<title>gettext</title>
<para>The <application>GNU gettext</application> package allows you to mark strings in source code, extract those strings for translation, and use the translated strings in your application.</para>
<para>Call
<literal>gettext()</literal> with the string literals that
should be translated. For example:
<programlisting>
window.set_title(gettext("My application"));
label.set_text(gettext("This is some text"));
</programlisting>
</para>
<para>Using <literal>gettext()</literal> throughout your source code can make it harder to read, so many projects, such as <literal>GNOME</literal> define the shorter <literal>_()</literal> macro that does the same thing. For instance,
<programlisting>
window.set_title(_("My application"));
label.set_text(_("This is some text"));
</programlisting>
</para>
<sect3>
<title>How gettext works</title>
<para><literal>xgettext</literal> script extracts the strings and put them in a
<filename>mypackage.pot</filename> file. The translators of
your application create their translations by first copying this .pot file to <filename>languagename.po</filename> files. A locale identifies a language and an encoding for that language, including date and numerical formats. Later, when the
text in your source code has changed, the <literal>msmerge</literal> script is used to update the
<filename>localename.po</filename> files from the regnerated .pot file.</para>
<para> At install time, the <filename>.po</filename> files are
converted to a binary format (with the extension
<filename>.mo</filename>) and placed in a system-wide directory
for locale files.</para>
<para>When the application runs, the
<application>gettext</application> library checks the
system-wide directory to see if there is a
<filename>.mo</filename> file for the user's locale environment
(you can set the locale with, for instance, "export LANG=de_DE.UTF-8" from a bash console). Later, when the program reaches a
<literal>gettext</literal> call, it looks for a translation.
If none is found, the original string
is used.</para>
</sect3>
<sect3>
<title>gettext and build files</title>
<para>To use gettext, you need to modify your application's build files, to use the gettext library, to generate the .pot file, and to install the translations from the .po files.</para>
<para>
<orderedlist>
<listitem><simpara>Run <literal>getttextize --force --copy --intl</literal> - you should add this to your autogen.sh script. This creates the <literal>po</literal> and <literal>intl</literal> subdirectories, among other things.</simpara></listitem>
<listitem><simpara>Create po/Makevars, by copying po/Makevars.template and editing it.</simpara></listitem>
<listitem><simpara>Add AM_GNU_GETTEXT to your configure.in</simpara></listitem>
<listitem><simpara>Define AM_LINGUAS in your configure.in, listing the locales for which .po translations exist in your po directory.</simpara></listitem>
<listitem><simpara>Add intl and po to the SUBDIRS in your top-level Makefile.am</simpara></listitem>
</orderedlist>
</para>
<para>To add a translation for a new locale, just copy po/yourproject.pot to somelocale.po, such as de.po or hu.po. Also add the locale name to AM_LINGUAS in your configure.in.</para>
<para>This is demonstrated in the <literal>gtkmm_hello</literal> example package, available from the <literal>gtkmm</literal> download page.</para>
<para>See also, the <ulink url="http://www.gnu.org/manual/gettext/html_chapter/gettext_toc.html#SEC_Contents">gettext manual</ulink>.</para>
</sect3>
<sect3>
<title>GNOME's intltool</title>
<para>Applications often use text that isn't in their source code. For instance, desktop menu details, and GUI resource files such as Glade files. But gettext() works only with C/C++ source code. Therefore, the GNOME developers created <literal>intltool</literal>. It uses gettext() but combines strings from other files into the gettext .pot/.po files. The <literal>intltool</literal> equivalent of <literal>gettextize</literal> is <literal>intltoolize</literal>. The <literal>intltool</literal> README file tells you what modifications to make to your build files.</para>
<para>This is demonstrated in the <literal>gnomemm_hello</literal> example package, available from the <literal>gtkmm</literal> download page.</para>
</sect3>
</sect2>
</sect1>
<sect1>
<title>Expecting UTF8</title>
<para>
A properly internationalized application will not make assumptions about the number of bytes in a character. That means that you shouldn't use pointer arithmetic to step through the characters in a string, and it means you shouldn't use std::string or standard C functions such as strlen() because they make the same assumption.
</para>
<para>
However, you probably already avoid bare char* arrays and pointer arithmetic by using std::string, so you just need to start using Glib::ustring instead. See the <link linkend="sec-basics-ustring">Basics</link> chapter about Glib::ustring.
</para>
<sect2><title>Glib::ustring and std::iostreams</title>
<para>TODO: This section is not clear - it needs to spell things out more clearly and obviously.</para>
<para>
Unfortunately, the integration with the standard iostreams is
not completely foolproof. <literal>gtkmm</literal> converts
Glib::ustrings to a locale-specific encoding (which usually is not
UTF-8) if you output them to an <literal>ostream</literal> with
<literal>operator<<</literal>. Likewise, retrieving
Glib::ustrings from <literal>istream</literal> with
<literal>operator>></literal> causes a conversion in the
opposite direction. But this scheme breaks down if you go through a
std::string, e.g. by inputting text from a stream to a std::string and
then implicitly converting it to a Glib::ustring. If the string
contained non-ASCII characters and the current locale is not UTF-8
encoded, the result is a corrupted Glib::ustring. You can work around
this with a manual conversion. For instance, to retrieve the
std::string from a <literal>ostringstream</literal>:
<programlisting>
std::ostringstream output;
output.imbue(std::locale("")); // use the user's locale for this stream
output << percentage << " % done";
label->set_text(Glib::locale_to_utf8(output.str()));
</programlisting>
</para>
</sect2>
</sect1>
<sect1 id="sec-i18n-pitfalls">
<title>Pitfalls</title>
<para>There are a few common mistakes that you would discover eventually yourself. But this section might help you to avoid them.</para>
<sect2>
<title>Same strings, different semantics</title>
<para>Sometimes two english strings are identical but have different meanings in
differnt contexts, so they would probably not be identical when translated. Since the English strings are
used as look-up keys, this causes problems.</para>
<para>In these cases, you should add extra characters to
the strings. For instance, use <literal>"jumps[noun]"</literal> and
<literal>"jumps[verb]"</literal> instead of just
<literal>"jumps"</literal>) and strip them again outside the
<literal>gettext</literal> call. If you add extra
characters you should also add a
comment for the translators before the <literal>gettext</literal> call.
Such comments will be shown in the <filename>.po</filename>
files. For instance,</para>
<programlisting>
// note to translators: don't translate the "[noun]" part - it is
// just here to distinguish the string from another "jumps" string
text = strip(gettext("jumps[noun]"), "[noun]");</programlisting>
</sect2>
<sect2>
<title>Composition of strings</title>
<para>C programmers use
<literal>sprintf()</literal> and <literal>sprintf</literal> to compose and concatenate strings. C++ favours streams, but unfortunately, this approach makes translation difficult, because each fragment of text is translated separately, without allowing the translators to rearrange them according to the grammar of the language.</para>
<para>For instance, this code would be problematic:</para>
<programlisting>
std::cout << _("Current amount: ") << amount
<< _(" Future: ") << future << std::endl;
label.set_text(_("Really delete ") + filename + _(" now?"));
</programlisting>
<para>So you should either avoid this situation or revert to the C-style <literal>sprintf()</literal>. One
possible solution is the <ulink
url="http://www.cs.auc.dk/~olau/compose/">compose
library</ulink> which supports syntax such as:</para>
<programlisting>
label.set_text(compose(_("Really delete %1 now?"), filename));</programlisting>
</sect2>
<sect2>
<title>Assuming the displayed size of strings</title>
<para>You never know how much space a string will take on screen when translated. It might very possibly be twice the size of the original English string. Luckily, most <literal>gtkmm</literal> widgets will expand at runtime to the required size.</para>
</sect2>
<sect2>
<title>Unusual words</title>
<para>You should avoid cryptic abbreviations, slang, or jargon.
They are usually difficult to translate, and are often difficult
for even native speakers to understand. For instance, prefer "application" to "app"</para>
</sect2>
<sect2>
<title>Using non-ASCII characters in strings</title>
<para>Currently, <application>gettext</application> does not support
non-ASCII characters (i.e. any characters with a code above
127) in source code. For instance, you cannot use the copyright sign (©).</para>
<para>To work around this, you could write a comment in the
source code just before the string, telling the translators to
use the special character if it is available in their languages. For english, you could then make an American English
<filename>en_US.po</filename> translation which used that special charactger.</para>
</sect2>
</sect1>
<sect1>
<title>Getting help with translations</title>
<para>If your program is free software, there is a whole <literal>GNOME</literal>
subproject devoted to helping you make translations, the
<ulink url="http://developer.gnome.org/projects/gtp/"><literal>GNOME</literal>
Translation Project</ulink>.</para>
<para>The way it works is that you contact the gnome-i18n
mailing list to find out how the translators can access your
<filename>po/</filename> subdirectory, and to add your project
to the big <ulink
url="http://developer.gnome.org/projects/gtp/status/">status
tables</ulink>.</para>
<para>Then you make sure you update the file
<filename>POTFILES.in</filename> in the
<filename>po/</filename> subdirectory
(<command>intltool-update -M</command> can help with this) so
that the translators always access updated
<filename>myprogram.pot</filename> files, and simply freeze
the strings at least a couple of days before you make a new
release, announcing it on gnome-i18n. Depending on the number
of strings your program contains and how popular it is, the
translations will then start to tick in as
<filename>languagename.po</filename> files.</para>
<para>Note that most language teams only consist of 1-3 persons,
so if your program contains a lot of strings, it might last a
while before anyone has the time to look at it. Also, most
translators do not want to waste their time (translating is
a very time-consuming task) so if they do not assess your
project as being really serious (in the sense that it is
polished and being maintained) they may decide to spend their
time on some other project.</para>
</sect1>
</chapter>
<chapter id="sec-gathering">
<title>Recommended Techniques</title>
<para>This section is simply a gathering of wisdom, general style guidelines
and hints for creating gtkmm applications.
</para>
<para>Use GNU autoconf and automake! They are your friends :) Automake
examines C files, determines how they depend on each other, and
generates a Makefile so the files can be compiled in the correct
order. Autoconf permits automatic configuration of software
installation, handling a large number of system quirks to increase
portability..
</para>
<para>Subclass Widgets to better organise your code. You should probably subclass your main Window at least. Then you can make your child Widgets and signal handlers members of that class.
</para>
<para>Create your own signals instead of passing pointers around. Objects can communicate with each other via signals and signal handlers. This is much simpler than objects holding pointers to each other and calling each other's methods. gtkmm's classes uses special versions of Sigc::Signal, but you should use normal SigC::Signals, as described in the libsigc++ documentation.</para>
<sect1><title>Application lifetime</title>
<para>Most applications will have only one window, or only one main window. These applications can use the Gtk::Main::run(Gtk::Window&) overload. It shows the window and returns when the window has been hidden. This might happen when the user closes the window, or when your code decides to hide() the window. You can prevent the user from closing the window (for instance, if there are unsaved changes) by overriding Gtk::Window::on_delete_event().</para>
<para>Most of our examples use this technique.</para>
</sect1>
<sect1>
<title>Using a gtkmm widget</title>
<para>
Our examples all tend to have the same structure. They follow these steps for using a Widget:
</para>
<para>
<orderedlist>
<listitem>
<para>
Declare a variable of the type of Widget you wish to use, generally as member variable of a derived container class. You could also declare a pointer
to the Widget type, and then create it with <literal>new</literal> in your code. Even when using the widget via a pointer, it's still probably best to make that pointer a member variable of a container class so that you can access it later.
</para>
</listitem>
<listitem>
<para>
Set the attributes of the widget. If the Widget has no default constructor, then you will need to initialize the widget in the initalizer list of your container class's constructor.
</para>
</listitem>
<listitem>
<para>
Connect any signals you wish to use to the
appropriate handlers.
</para>
</listitem>
<listitem>
<para>
Pack the widget into a container using the appropriate call,
e.g. <literal>Gtk::Container::add()</literal> or <literal>pack_start()</literal>.
</para>
</listitem>
<listitem>
<para>
Call <literal>show()</literal> to display the widget.
</para>
</listitem>
</orderedlist>
</para>
<para>
<literal>Gtk::Widget::show()</literal> lets gtkmm know that we have finished setting the
attributes of the widget, and that it is ready to be displayed. You
can use <literal>Gtk::Widget::hide()</literal> to make it disappear again. The order
in which you show the widgets is not important, but we do suggest
that you show the top-level window last; this way, the whole window
will appear with its contents already drawn. Otherwise, the user will
first see a blank window, into which the widgets will be gradually drawn.
</para>
</sect1>
</chapter>
<chapter id="sec-Contributing">
<title>Contributing </title>
<para>
This document, like so much other great software out there, was
created for free by volunteers. If you are at all knowledgeable about
any aspect of gtkmm that does not already have documentation, please
consider contributing to this document.
</para>
<para>
Ideally, we would like you to provide a patch to the docs/tutorial/gtkmm-tut.xml file.
This file is currently in the gtkmm2 module in gnome cvs.
</para>
<para>
If you do decide to contribute, please post your contribution to the
gtkmm mailing list at <ulink url="mailto:gtkmm-list@gnome.org"><gtkmm-list@gnome.org></ulink>. Also, be aware that
the entirety of this document is free, and any addition you provide
must also be free. That is, people must be able to use any portion of
your examples in their programs, and copies of this document
(including your contribution) may be distributed freely.
</para>
</chapter>
<appendix id="sec-appendix-refptr">
<title>The RefPtr smartpointer</title>
<para>
Glib::RefPtr is a smartpointer. Specifically, it is a
reference-counting smartpointer. You might be familiar with
<literal>std::auto_ptr<></literal>, which is also a smartpointer, but <literal>Glib::RefPtr<></literal> is
much simpler, and more useful. We expect a future version of the
C++ Standard Library to contain a reference-counting shared
smartpointer, so a future version of gtkmm will probably use that
instead.</para>
<para><ulink url="&url_refdocs_base_glib;RefPtr.html">Reference</ulink></para>
<para>A smartpointer acts much like a normal pointer. Here are a few examples.</para>
<sect1><title>Copying</title>
<para>You can copy RefPtrs, just like normal pointers. But unlike
normal pointers, you don't need to worry about deleting the underlying
instance
</para>
<para>
<programlisting>
Glib::RefPtr<Gdk::Bitmap> refBitmap = Gdk::Bitmap::create(window,
data, width, height);
Glib::RefPtr<Gdk::Bitmap> refBitmap2 = refBitmap;
</programlisting>
</para>
<para>Of course this means that you can store RefPtrs in standard
containers, such as std::vector or std::list.</para>
<para>
<programlisting>
std::list< Glib::RefPtr<Gdk::Pixmap> > listPixmaps;
Glib::RefPtr<Gdk::Pixmap> refPixmap = Gdk::Pixmap::create(window,
width, height, depth);
listPixmaps.push_back(refPixmap);
</programlisting>
</para>
</sect1>
<sect1><title>Dereferencing</title>
<para>You can dereference a smartpointer with the -> operator, to
call the methods of the underlying instance, just like a normal pointer.
</para>
<para>
<programlisting>
Glib::RefPtr<Gdk::Bitmap> refBitmap = Gdk::Bitmap::create(window,
data, width, height);
int depth = refBitmap->get_depth();
</programlisting>
</para>
<para>But unlike most smartpointers, you can't use the * operator to
access the underlying instance.
</para>
<para>
<programlisting>
Glib::RefPtr<Gdk::Bitmap> refBitmap = Gdk::Bitmap::create(window,
data, width, height);
Gdk::Bitmap* underlying = *refBitmap; //Syntax error - will not compile.
</programlisting>
</para>
</sect1>
<sect1><title>Casting</title>
<para>You can cast RefPtrs to base types, just like normal pointers.</para>
<para>
<programlisting>
Glib::RefPtr<Gtk::TreeStore> refStore = Gdk::TreeStore::create(columns);
Glib::RefPtr<Gtk::TreeModel> refModel = refStore;
</programlisting>
</para>
<para>This means that any method which takes a <literal>const
Glib::RefPtr<BaseType></literal> argument can also take a
<literal>const Glib::RefPtr<DerivedType></literal>. The cast is
implicit, just as it would be for a normal pointer.</para>
<para>You can also cast to a derived type, but the syntax is
a little different than with a normal pointer.
</para>
<para>
<programlisting>
Glib::RefPtr<Gtk::TreeStore> refStore =
Glib::RefPtr<Gtk::TreeStore>::cast_dynamic(refModel);
Glib::RefPtr<Gtk::TreeStore> refStore2 =
Glib::RefPtr<Gtk::TreeStore>::cast_static(refModel);
</programlisting>
</para>
</sect1>
<sect1><title>Checking for null</title>
<para>Just like normal pointers, you can check whether a RefPtr points
to anything.</para>
<para>
<programlisting>
Glib::RefPtr<Gtk::TreeModel> refModel = m_TreeView.get_model();
if(refModel)
{
int cols_count = refModel->get_n_columns();
...
}
</programlisting>
</para>
<para>But unlike normal pointers, RefPtrs are automatically
initialized to null so you don't need to remember to do that yourself.
</para>
</sect1>
<sect1><title>Constness</title>
<para>The use of the const keyword in C++ is not always clear. You
might not realise that <literal>const Something*</literal> declares a
pointer to a const Something, The pointer can be changed, but not the
Something that it points to.</para>
<para>Therefore, the RefPtr equivalent of
<literal>Something*</literal> for a method parameter is <literal>const
Glib::RefPtr<Something>&</literal>, and the equivalent of
<literal>const Something*</literal> is <literal>const Glib::RefPtr<const
Something>&</literal>.</para>
<para>The <literal>const ... &</literal> around
both is just for efficiency, like using <literal>const std::string&</literal>
instead of <literal>std::string</literal> for a method parameter to
avoid unnecessary copying.</para>
</sect1>
</appendix>
<appendix id="sec-appendix-signals">
<title>Signals</title>
<sect1>
<title>Connecting signal handlers</title>
<para>
gtkmm widget classes have signal accessor methods, such as Gtk::Button::signal_clicked, which allow you to connect your signal handler. Thanks to the flexibility of libsigc++, the callback library used by
gtkmm, the signal handler can be almost any kind of function, but you will probably want to use a class method. Among GTK+ C coders, these signal handlers are often
named callbacks.
</para>
<para>
Here's an example of a signal handler being connected to a signal:
</para>
<para>
<programlisting>
#include <gtkmm/button.h>
void on_button_clicked()
{
std::cout << "Hello World" << std::endl;
}
main()
{
Gtk::Button button("Hello World");
button.signal_clicked().connect(SigC::slot(&on_button_clicked));
}
</programlisting>
</para>
<para>
There's rather a lot to think about in this (non-functional) code.
First let's identify the parties involved:
</para>
<para>
<itemizedlist>
<listitem>
<para>
The signal handler is <literal>on_button_clicked()</literal>.
</para>
</listitem>
<listitem>
<para>
We're hooking it up to the <literal>Gtk::Button</literal> object called <literal>button</literal>.
</para>
</listitem>
<listitem>
<para>
When the Button emits its <literal>clicked</literal> signal, <literal>on_button_clicked()</literal> will be
called.
</para>
</listitem>
</itemizedlist>
</para>
<para>
Now let's look at the connection again::
</para>
<para>
<programlisting>
...
button.signal_clicked().connect(SigC::slot(&on_button_clicked));
...
</programlisting>
</para>
<para>
Note that we don't pass a pointer to <literal>on_button_clicked()</literal> directly to the signal's
<literal>connect()</literal> method. Instead, we call <literal>SigC::slot()</literal>, and pass the result to
<literal>connect()</literal>. What's that <literal>SigC::slot()</literal> function for?
</para>
<para>
SigC::slot() is a <literal>factory function</literal> which generates, unsurprisingly,
<literal>SigC::Slots</literal>. A Slot is an object which looks and feels like a
function, but is actually an object. These are also known as
<literal>function objects</literal>, or <literal>functors</literal>.
</para>
<para>
Here's a slightly larger example of slots in action:
</para>
<para>
<programlisting>
void on_button_clicked();
class some_class
{
void on_button_clicked();
};
some_class some_object;
main()
{
Gtk::Button button;
button.signal_clicked().connect( SigC::slot(&on_button_clicked) );
button.signal_clicked().connect( SigC::slot(some_object, &some_class::on_button_clicked) );
}
</programlisting>
</para>
<para>
The first call to <literal>connect()</literal> is just like the one we saw last
time; nothing new here. The next is more interesting. <literal>slot()</literal> is
now called with two arguments (it's overloaded). The first argument
is "some_object", which is the object that our new slot will be pointing at; the
second argument is a pointer to one of its methods. This particular
version of <literal>slot()</literal> creates a slot which will, when "called", call
the pointed-to method of the specified object, in this case
some_object.on_button_clicked().
</para>
<para>
Another thing to note about this example is that we placed the call to
<literal>connect()</literal> twice for the same signal object. This is perfectly
fine - when the button is clicked,
both signal handlers will be called.
</para>
<para>
We just told you that the button's <literal>clicked</literal> signal is expecting
to call a method with no arguments. All signals have
requirements like this; you can't hook a function with two arguments
to a signal expecting none (unless you use an
adapter, such as SigC::bind, of course). Therefore, it's important to know what type of
signal handler you'll be expected to connect to a given signal.
</para>
</sect1>
<sect1>
<title>Writing signal handlers</title>
<para>
To find out what type of signal handler you can connect to a signal, you can
look it up in the reference documentation or the header file. Here's an example of a signal declaration you
might see in the gtkmm headers:
</para>
<para>
<programlisting>
Glib::SignalProxy1<bool, GtkDirectionType> signal_focus()
</programlisting>
</para>
<para>
Other than the signal's name (<literal>focus</literal>), two things are
important to note here: the number following the word <literal>SignalProxy</literal> at
the beginning (1, in this case), and the types in the list
(<literal>bool</literal> and <literal>GtkDirectionType</literal>). The number indicates how many
arguments the signal handler should have; the first type, <literal>bool</literal>,
is the type that the signal handler should return; and the next type,
<literal>GtkDirectionType</literal>, is the type of this signal's first, and only,
argument. By looking at the reference documentation, you can see the names of the arguments too.
</para>
<para>
The same principles apply for signals which have more
arguments. Here's one with three (taken from
<literal><gtkmm/editable.h></literal>):
</para>
<para>
<programlisting>
Glib::SignalProxy3<void, const Glib::ustring&, int, int*> signal_insert_text()
</programlisting>
</para>
<para>
It follows the same form. The
number 3 at the end of the type's name indicates that our signal handler
will need three arguments. The first type in the type list is
<literal>void</literal>, so that should be our signal handler's return type. The
following three types are the argument types, in order. Our signal handler's prototype could look like this:
</para>
<para>
<programlisting>
void on_insert_text(const Glib::ustring& text, int length, int* position);
</programlisting>
</para>
</sect1>
<sect1>
<title>Disconnecting signal handlers</title>
<para>
Let's take another look at a Signal's <literal>connect</literal> method:
</para>
<para>
<programlisting>
SigC::Connection Signal1<void,int>::connect( Slot1<void,int>& );
</programlisting>
</para>
<para>
Notice that the return value is of type <literal>SigC::Connection</literal>. This
can be used to control the connection. By keeping a copy of this object you can disconnect its associated
signal handler using the method <literal>SigC::Connection::disconnect()</literal>.
</para>
</sect1>
<sect1>
<title>Overriding default signal handlers</title>
<para>
So far we've told you to perform actions in
response to button-presses and the like by handling signals.
That's certainly a good way to do things, but it's not the only
way.
</para>
<para>
Instead of laboriously connecting signal handlers to signals,
you can simply make a new class which inherits from a widget - say, a
Button - and then override the default signal handler, such as Button::on_clicked(). This can be a
lot simpler than hooking up signal handlers for everything.
</para>
<para>
Subclassing isn't always the best way to accomplish
things. It is only useful when you want the widget to handle its own signal by itself. If you want some other class to handle the signal then you'll need to connect a separate handler. This is even more true if you want several objects to handle the same signal, or if you want one signal handler to respond to the same signal from different objects.
</para>
<para>
gtkmm classes are designed with overriding in mind; they contain
virtual member methods specifically intended to be overridden.
</para>
<para>
Let's look at an example of overriding:
</para>
<para>
<programlisting>
#include <gtkmm/button.h>
class OverriddenButton : public Gtk::Button
{
protected:
virtual void on_clicked();
}
void OverriddenButton::on_clicked()
{
std::cout << "Hello World" << std::endl;
// call the base class's version of the method:
Gtk::Button::on_clicked();
}
</programlisting>
</para>
<para>
Here we define a new class called
<literal>OverriddenButton</literal>, which inherits from <literal>Gtk::Button</literal>. The
only thing we change is the <literal>on_clicked</literal> method, which is
called whenever <literal>Gtk::Button</literal> emits the <literal>clicked</literal> signal. This method prints "Hello World" to <literal>stdout</literal>, and then
calls the original, overridden method, to let <literal>Gtk::Button</literal> do
what it would have done had we not overridden.
</para>
<para>
You don't always need to call the parent's method; there are times
when you might not want to. Note that we called the parent method
<emphasis>after</emphasis> writing "Hello World", but we could have called it before.
In this simple example, it hardly matters much, but there are times
when it will. With signals, it's not quite so easy to change details
like this, and you can do something here which you can't do at all
with connected signal handlers: you can call the parent method in the <emphasis>middle</emphasis> of
your custom code.
</para>
</sect1>
<sect1>
<title>Binding extra arguments</title>
<para>
If you use one signal handler to catch the same signal from several widgets, you might like that signal handler to receive some extra information. For instance, you might want to know which button was clicked. You can do this with <literal>SigC::bind()</literal>. Here's some code from the <link linkend="sec-helloworld2">helloworld2</link> example, which you will encounter later.
<programlisting>
m_button1.signal_clicked().connect( SigC::bind<Glib::ustring>( SigC::slot(*this, &HelloWorld::on_button_clicked), "button 1") );
</programlisting>
This says that we want the signal to send an extra Glib::ustring argument to the signal handler, and that the value of that argument should be "button 1". Of course we will need to add that extra argument to the declaration of our signal handler:
<programlisting>
virtual void on_button_clicked(Glib::ustring data);
</programlisting>
Of course, a normal "clicked" signal handler would have no arguments.
</para>
<para>
SigC::bind() is not commonly used, but you might find it helpful sometimes. If you are familiar with GTK+ programming then you have probably noticed that this is similar to the extra <literal>gpointer data</literal> arguments which all GTK+ callbacks have. This is generally overused in GTK+ to pass information that should be stored as member data in a derived Widget, but Widget derivation is very difficult in C. We have far less need of this hack in gtkmm.</para>
</sect1>
<sect1 id="sec-xeventsignals">
<title>X Event signals</title>
<para>The Widget class has some special signals which correspond to the underlying X-Windows events. These are suffixed by <literal>_event</literal>; for instance, <literal>Widget::signal_button_pressed_event()</literal>.</para>
<para>
You might occasionally find it useful to handle X events when there's something you
can't accomplish with normal signals. <literal>Gtk::Button</literal>, for
example, does not send mouse-pointer coordinates with its <literal>clicked</literal>
signal, but you could handle <literal>button_pressed_event</literal> if you needed this information. X events are also
often used to handle key-presses.
</para>
<para>
These signals behave slightly differently. The value returned from the signal handler indicates whether it has fully "handled"
the event. If the value is <literal>false</literal> then gtkmm will pass the event on to the next signal handler. If the value is <literal>true</literal> then no other signal handlers will need to be called.
</para>
<para>
Handling an X event doesn't affect the Widget's other
signals. If you handle <literal>button_pressed_event</literal> for
<literal>Gtk::Button</literal>, you'll still be able to get the <literal>clicked</literal> signal.
They are emitted at (nearly) the same time.
</para>
<para>
Here's a simple example:
<programlisting>
bool on_button_press(GdkEventButton* event);
Gtk::Button button("label");
button.signal_button_press_event().connect( SigC::slot(&on_button_press) );
</programlisting>
</para>
<para>
When the mouse is over the button and a mouse button is pressed,
<literal>on_button_pressed()</literal> will be called.
</para>
<para>
<literal>GdkEventButton</literal> is a structure containing the event's parameters,
such as the coordinates of the mouse pointer at the time the button
was pressed. There are several different types of <literal>GdkEvent</literal>
structures for the various events.
</para>
</sect1>
</appendix>
<appendix id="sec-appendix-custom_signals">
<title>Creating your own signals</title>
<para>
Now that you've seen signals and signal handlers in gtkmm, you
might like to use the same technique to allow interaction between your
own classes. That's actually very simple by using the libsigc++
library directly.
</para>
<para>
This isn't purely a gtkmm or GUI issue. gtkmm uses libsigc++ to
implement its proxy wrappers for the GTK+ signal system, but for new,
non-GTK+ signals, you can create pure C++ signals, using the
SigC::Signal*<> templates.
</para>
<para>
For instance, to create a signal that sends 2 parameters, a bool and
an integer, just declare a SigC::Signal2, like so:
<programlisting>
SigC::Signal<void, bool int> signal_something;
</programlisting>
</para>
<para>
You could just declare that signal as a public member variable, but
some people find that distasteful and prefer to make it available via
an accessor method, like so:
<programlisting>
class Server
{
//signal accessor:
typedef SigC::Signal2<void, bool, int> type_signal_something;
type_signal_something signal_something();
protected:
type_signal_something m_signal_something;
};
Server::type_signal_something Server::signal_something()
{
return m_signal_something;
}
</programlisting>
</para>
<para>
You can then connect to the signal using the same syntax used when
connecting to gtkmm signals. For instance,
<programlisting>
server.signal_something().connect(
SigC::slot(client, &Client::on_server_something) );
</programlisting>
</para>
<para>
See <emphasis>examples/book/signals/custom/</emphasis> for a full
working example.
</para>
</appendix>
<appendix id="sec-signals-comparison">
<title>Comparison with other signalling systems</title>
<para>
TODO: Rewrite this paragraph and talk about QT's moc.
(An aside: GTK+ calls this scheme "signalling"; the sharp-eyed reader
with GUI toolkit experience will note that this same design is oft
seen under the name of "broadcaster-listener" (e.g., in Metrowerks'
PowerPlant framework for the Macintosh). It works in much the same
way: one sets up <literal>broadcasters</literal>, and then connects
<literal>listeners</literal> to them; the broadcaster keeps a list of the
objects listening to it, and when someone gives the broadcaster a
message, it calls all of its objects in its list with the message. In
gtkmm, signal objects play the role of broadcasters, and slots
play the role of listeners - sort of. More on this later.)
</para>
<para>
gtkmm signal handlers are strongly-typed,
whereas GTK+ C code allows you to connect a callback with the wrong number and type of arguments, leading to a segfault at runtime. And, unlike QT, gtkmm achieves this without modifying the C++ language.</para>
<para>
Re. Overriding signal handlers: You can do this in the straight-C world of GTK+ too; that's what GTK's
object system is for. But in GTK+, you have to go through some
complicated procedures to get object-oriented features like
inheritance and overloading. In C++, it's simple, since those
features are supported in the language itself; you can let the
compiler do the dirty work.
</para>
<para>
This is one of the places where the beauty of C++ really comes out.
One wouldn't think of subclassing a GTK+ widget simply to override its
action method; it's just too much trouble. In GTK+, you almost always
use signals to get things done, unless you're writing a new widget.
But because overriding methods is so easy in C++, it's entirely
practical - and sensible - to subclass a button for that purpose.
</para>
</appendix>
<appendix id="sec-windows-installation">
<title>gtkmm and Win32</title>
<para>
One of the major advantages of gtkmm is that it is crossplatform. gtkmm programs written on other platforms such as
GNU/Linux can generally be transferred to Windows (and vice
versa) with few modifications to the source.
</para>
<para>
gtkmm currently only works with the <ulink
url="http://mingw.org/">MingW/GCC3.2 compiler</ulink> on the
Windows platform. This is unlikely to change in the near
future, unless Microsoft upgrades its compilers in Visual
Studio to fully support the C++ standard. Information about the gtkmm and the latest Microsoft C++ compiler might be on the mailing list.
</para>
<para>
Installation of MingW is beyond the scope of this document, though not excessively difficult.
However, a good GPL'd C++ IDE for windows called <ulink
url="http://www.bloodshed.net/">Dev-C++</ulink> has a
convenient Windows installer that installs both the IDE and
the MingW/GCC3.2 compiler, and we can recommend it. We will now
show step by step how to install gtkmm and properly set
up Dev-C++ as your gtkmm development environment. The following
instructions should work for Dev-C++ versions 4.9.8.0 or higher.
For people who prefer command line compiler tools, a solution based
on the cygwin distribution will be described in the last section of
this chapter.
</para>
<sect1>
<title>The Dev-C++ IDE</title>
<sect2>
<title>Pre-Installation Issues</title>
<para>
We strongly recommend that Dev-C++ is installed and
tested before installing any of the GTK+ or gtkmm libraries,
as we will be installing all the libraries into the Dev-C++
directory. Ensure that you are able to successfully compile and
run a simple C++ program from Dev-C++ before proceeding to the
next step. For instance, try a simple Hello World program.
</para>
<para>
Note: Currently (as of v4.9.8.0) Dev-C++ does not like to be
installed in directories with spaces in them. Installing
Dev-C++ to the "Program Files" directory may cause problems at
a later stage when it looks for the include and lib
directories.
</para>
</sect2>
<sect2>
<title>Dependencies</title>
<para>
The gtkmm Windows installer requires you to first
install the following dependencies:
</para>
<itemizedlist>
<listitem>
<para>GTK+ 2.x</para>
<para>
Before installing gtkmm, you need to install GTK+ 2.x. You
can find the latest windows installer at <ulink
url="http://www.dropline.net/gtk/"></ulink>. The Windows
installer will correctly install any dependencies that GTK+
2.x may need.
</para>
<para>
Start with the Runtime GTK+ installer, and allow the
installation to proceed to the default directory. When the
installation is complete, continue with the Development GTK+
Installer. When installing Development GTK+, you should change
the installation directory from the default (currently
c:\dev-cpp) to wherever you have your Dev-C++ installation
(ie. d:\dev-cpp). TODO: Why?
</para>
</listitem>
</itemizedlist>
</sect2>
<sect2>
<title>Installation</title>
<para>
Now you are ready to install gtkmm. You can find a link to an installer on the <ulink url="http://www.gtkmm.org/">gtkmm web site's</ulink> download page.
The gtkmm Windows installer includes both the development
and the runtime files.
</para>
<para>
Since we are going to be using Dev-C++ as our IDE, it is
strongly suggested that you install gtkmm into the base
Dev-C++ directory (ie. d:\dev-cpp). This will make things
easier later on when setting up the include and lib
directories in Dev-C++.
</para>
<para>
You should now be ready to execute Win32 gtkmm compiled
binaries. Note: Some older versions of Windows may require a reboot
before the installer's change to the PATH variable takes effect.
</para>
</sect2>
<sect2>
<title>Compiling gtkmm Apps with Dev-C++</title>
<para>
Now we need to set some project options to create our
first gtkmm project in Dev-C++.
</para>
<para>
First, we need to let Dev-C++ know what files and libraries to
include when it invokes MingW/GCC3.2. To find out what
arguments need to be passed to GCC, we need to open a command
prompt and type the following:
</para>
<para>
<command>
pkg-config --libs --cflags gtkmm-2.0
</command>
</para>
<para>
If the pkg-config command cannot be found, you can cd to the
bin/ directory of where you installed Dev-C++ and execute the
above line from there. Depending on where you installed
gtkmm, you will get output that looks similar to the
following:
</para>
<para>
<programlisting>
-Id:/dev-c++/include/gtkmm-2.0
-Id:/dev-c++/lib/gtkmm-2.0/include
-Id:/dev-c++/include/gtk-2.0
-Id:/dev-c++/lib/sigc++-1.2/include
-Id:/dev-c++/include/sigc++-1.2
-Id:/dev-c++/include/glib-2.0
-Id:/dev-c++/lib/glib-2.0/include
-Id:/dev-c++/lib/gtk-2.0/include
-Id:/dev-c++/include/pango-1.0 -Id:/dev-c++/include/atk-1.0
-Ld:/dev-c++/lib -lgtkmm-2.0 -lgdkmm-2.0 -latkmm-1.0
-lgtk-win32-2.0 -lpangomm-1.0 -lglibmm-2.0 -lsigc-1.2
-lgdk-win32-2.0 -latk-1.0 -lgdk_pixbuf-2.0 -lpangowin32-1.0
-lgdi32 -lpango-1.0 -lgobject-2.0 -lgmodule-2.0 -lglib-2.0
-lintl -liconv
</programlisting>
</para>
<para>
<figure id="figure-project-options">
<title>Dev-C++ Project Options</title>
<screenshot>
<graphic format="PNG"
fileref="&url_figures_base;devcpp_project_options.png"/>
</screenshot>
</figure>
</para>
<para>
Now create a new Project. We will make this project work with
gtkmm. After creating a new project, select <literal>Project Options</literal>
from the menu, and under the <literal>Parameters</literal> tab, paste the
information from pkg-config. In the <literal>Additional commandline options</literal> for
the C++ compiler, paste the include and lib <emphasis>directories</emphasis>. (The commandline options preceeded by either an -I or
a -L).
</para>
<para>
Then tell the linker what libraries to include, by pasting the libraries into the <literal>Additional commandline options</literal>
for the Linker. (These commandline options are preceeded by a -l).
</para>
<para>
Congratulations. You have successfully created a new project in Dev-C++ that
works with gtkmm. Try compiling some of the examples in this
tutorial.
</para>
</sect2>
</sect1>
<sect1>
<title>Command line tools</title>
<para>
To build your gtkmm application with command line tools, we recommend you either use mingw combined with cygwin
(<ulink url="http://www.cygwin.com"></ulink>) or msys (<ulink
url="http://www.mingw.org"></ulink>). If you use
mingw/cygwin, make sure that the directory that contains the
mingw executables is first in your PATH (by checking with g++
-v). Then
</para>
<para>
<orderedlist>
<listitem>
<para>Add the directories with the gtkmm and gtk+ DLLs and
the gtk+ executables (particularly the one containing
pkg-config.exe) to your path. If you have selected the
corresponding option in the gtkmm installer, both the
gtkmm and gtk+ runtime will already be in your
PATH. Make sure pkg-config is available by typing
<command>'pkg-config --version'</command>.
</para>
</listitem>
<listitem>
<para>Set the PKG_CONFIG_PATH environment variable to
point to the various lib/pkgconfig directories. Look for
files with the .pc extension in the gtk+ and gtkmm
developer packages. It's the same syntax as on
linux but the directories are separated by semicolons.</para>
</listitem>
<listitem>
<para>Check the gtkmm distribution by typing
<command>'pkg-config --modversion --cflags --libs
gtkmm-2.0'</command>. You should get something like
</para>
<para><programlisting>
2.2.1
-IC:/target/libsigc/lib/sigc++-1.2/include
-IC:/target/libsigc/include/sigc++-1.2
-IC:/target/gtkmm/include/gtkmm-2.0
-IC:/target/gtkmm/lib/gtkmm-2.0/include
-IC:/target/gtk-2.0/include/gtk-2.0
-IC:/target/gtk-2.0/include/glib-2.0
-IC:/target/gtk-2.0/lib/glib-2.0/include
-IC:/target/gtk-2.0/lib/gtk-2.0/include
-IC:/target/gtk-2.0/include/pango-1.0
-IC:/target/gtk-2.0/include/atk-1.0
-LC:/target/libsigc/lib
-LC:/target/gtkmm/lib
-LC:/target/gtk-2.0/lib -lgtkmm-2.0
-lgdkmm-2.0 -latkmm-1.0 -lgtk-win32-2.0 -lpangomm-1.0
-lglibmm-2.0 -lsigc-1.2 -lgdk-win32-2.0 -latk-1.0
-lgdk_pixbuf-2.0 -lpangowin32-1.0 -lgdi32 -lpango-1.0
-lgobject-2.0 -lgmodule-2.0 -lglib-2.0 -lintl
-liconv</programlisting>
</para>
<para>Of course, the target directories will show your local
installation tree.
</para>
</listitem>
<listitem>
<para>You can compile a single source file like so:</para>
<para>
<command>g++ `pkg-config --cflags gtkmm-2.0`
my_programs.cc -o my_program `pkg-config --libs
gtkmm-2.0`</command>
</para>
</listitem>
</orderedlist>
</para>
<para>
See the gtkmm FAQ for more build help.
</para>
</sect1>
<sect1>
<title>Building gtkmm on Win32</title>
<para>Please see the appropriate README file in the source distribution.
</para>
</sect1>
</appendix>
</book>
|