To completely unravel the relationship between structures and luminescence properties of inner- and outer-modified metallacycles, two rhombic metallacycles S1 and S2 with 9,10-distyrylanthracene (DSA) were constructed herein via the design of DSA moieties on the inside or outside of metallacycles. Similar building blocks of the two metallacycles led to the same emission wavelengths in a dilute solution. In contrast, their fluorescence emissions in the aggregation and solid states were significantly different and revealed interesting emission behaviors from structures with inner- and outer-modified design. Finally, based on their luminescence properties, a tunable solid-state fluorescence emissive material was easily obtained by the mixing of two supramolecules in different ratios. This unique design suggested that the modified position of fluorophores exerts a key impact on the adjustment of luminescence from a dilute solution to the aggregated state and will be of great significance for the development of luminescent materials based on supramolecules.